NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia LumenCash, una plataforma SaaS de gestión financiera para pymes. Utiliza únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Reproduce fielmente la estructura visual y de interacción del sitio de referencia (hero con badge, navegación con dropdowns, secciones de métricas, características, testimonios y footer), pero con contenido original en español (España) y respetando estas directrices:
- Paleta de colores: #0E1726 (azul marino profundo), #1E3A8A (azul real), #3B82F6 (azul brillante), #F3F4F6 (gris muy claro), #FFFFFF (blanco) y acentos #F59E0B (ámbar).
- Tipografía: "Inter" para títulos y "Roboto" para cuerpo, cargadas desde Google Fonts.
- Header: barra fija, logo de texto "LumenCash" en Inter bold, menú
4.585 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.585 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 fija con logo, menús desplegables y botón Contacto
- 1.2 Hero principal con badge, título, subtítulo, botones CTA y fondo difuminado
- 1.3 Sección de métricas rápidas con iconos y contadores
- 1.4 Cuadrícula de características con iconos y descripciones
- 1.5 Testimonios en carrusel simple
- 1.6 Llamado a la acción final con formulario de captura
- 1.7 Footer con enlaces de navegación, redes sociales y datos legales
FEATURES
- 2.1 Barra de navegación (reutilizada)
- 2.2 Encabezado de página con título y descripción
- 2.3 Lista de funcionalidades en tarjetas con iconos
- 2.4 Comparativa de planes en tabla responsiva
- 2.5 CTA a prueba gratuita
- 2.6 Footer estándar
ABOUT
- 3.1 Barra de navegación
- 3.2 Hero interno con imagen y texto descriptivo
- 3.3 Nuestra misión y visión en bloques de texto
- 3.4 Equipo en tarjetas con foto y rol
- 3.5 Valores en iconos
- 3.6 Footer
PRICING
- 4.1 Barra de navegación
- 4.2 Tabla comparativa de planes con precios y beneficios
- 4.3 Preguntas frecuentes en acordeón
- 4.4 CTA de suscripción
- 4.5 Footer
BLOG
- 5.1 Barra de navegación
- 5.2 Lista de artículos con imagen, título y extracto
- 5.3 Sidebar con categorías y últimos posts
- 5.4 Footer
CONTACT
- 6.1 Barra de navegación
- 6.2 Formulario de contacto con campos nombre, email, mensaje
- 6.3 Mapa incrustado
- 6.4 Información de contacto y redes sociales
- 6.5 Footer
PROMPTS RELACIONADOS · SAAS / STARTUP
