NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Data Lumen (datalumen.com), una startup SaaS de gestión financiera y pagos. Utiliza solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Reproduce la estructura y estilo visual del sitio original: barra de navegación fija con logo SVG, enlaces principales (Inicio, Sobre nosotros, Precios, Blog) y menús desplegables para Funcionalidades y Páginas, botón de carrito con contador. Hero con fondo claro, título grande, subtítulo y botón "Prueba gratis" alineado a la izquierda, acompañada de una ilustración de dispositivo a la derecha. Sección de características en tres columnas, cada una con icono (SVG), título y breve texto. Barra de estadísticas con contadores animados (usuarios, transacciones, ahorro). Bloque de integrac
3.679 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.679 caracteres · licencia libre
Solo descarga completa disponible
CAPTURA COMPLETA · HOME
Para que Claude replique el diseño con máxima fidelidad, descarga la imagen y adjúntala en tu chat.
Descargar captura
ESTRUCTURA DEL SITIO
Tabla de secciones
HOME
- 1.1 Barra de navegación con logo, enlaces principales, dropdowns y carrito
- 2.1 Hero principal con título, texto descriptivo, botón de prueba gratuita y mockup de producto
- 3.1 Bloque de características (3 columnas, icono + título + breve descripción)
- 4.1 Estadísticas clave (contador animado + texto)
- 5.1 Integración API (imagen + lista de beneficios)
- 6.1 Testimonios (carrusel de tarjetas con foto, nombre y comentario)
- 7.1 Tabla de precios (tres planes, lista de funcionalidades, botón elegir)
- 8.1 CTA final (texto motivador + botón de contacto)
- 9.1 Footer (logo, menú secundario, enlaces legales, redes sociales, formulario suscripción)
ABOUT
- 1.1 Header reutilizable
- 2.1 Imagen destacada y misión de la empresa
- 3.1 Equipo (tarjetas con foto, nombre y rol)
- 4.1 Valores corporativos (iconos + texto)
- 5.1 CTA a contacto
PRICING
- 1.1 Header reutilizable
- 2.1 Tabla comparativa de planes (tres columnas, características y precios ficticios)
- 3.1 Preguntas frecuentes en acordeón
- 4.1 CTA a prueba gratuita
BLOG
- 1.1 Header reutilizable
- 2.1 Lista de artículos (tarjeta con imagen, título, extracto, fecha)
- 3.1 Paginación
PRIVACY-POLICY
- 1.1 Header reutilizable
- 2.1 Texto legal extenso
- 3.1 Última actualización
TERMS-CONDITION
- 1.1 Header reutilizable
- 2.1 Texto legal extenso
- 3.1 Última actualización
UTILITY PAGES (CHANGEL< etc.)
- 1.1 Header reutilizable
- 2.1 Contenido específico de cada utilidad (ej. registro de cambios, guía de estilo, licencia)
- 3.1 Footer
PROMPTS RELACIONADOS · SAAS / STARTUP
