NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **CreaFlujo** (plataforma SaaS de monetización para creadores). Usa sólo HTML, Tailwind CSS vía CDN y vanilla JavaScript en un único archivo. Reproduce el diseño visual y la estructura analizada:
- **Paleta de colores**: #111827 (gris muy oscuro), #1F2937 (gris oscuro), #3B82F6 (azul primario), #F3F4F6 (gris claro), #FFFFFF (blanco).
- **Tipografía**: Inter (Google Fonts) para todo el texto, con tamaños: 64px h1, 36px h2, 24px h3, 16px body, 14px subtítulos.
- **Header**: barra fija, fondo blanco, sombra ligera, logo a la izquierda (texto "CreaFlujo" en azul), enlaces de navegación (Productos, Sobre nosotros, Blog, Contacto) y botón CTA azul "Prueba 7 días gratis".
- **Hero**: sección a pantalla completa, fondo gris claro, columna izquie
3.817 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.817 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, enlaces principales y botón CTA
- 1.2 Hero: título, subtítulo, descripción, formulario de captura y visuales animados
- 1.3 Bloque informativo "Sobre nosotros" con encabezado y texto introductorio
- 1.4 Área de métricas y pruebas sociales con números destacados
- 1.5 Sección de partners/media con logos vectoriales
- 1.6 Footer con datos de contacto, menú adicional y enlaces legales
PRODUCTS
- 1.1 Lista de productos con tarjetas, imagen, título, descripción breve y botón "Ver más"
- 1.2 Slider de testimonios con foto, nombre y comentario
ABOUT
- 1.1 Historia de la empresa con imagen grande y texto fluido
- 1.2 Equipo: tarjetas con foto, nombre, puesto y enlaces a redes
NEWSROOM
- 1.1 Feed de artículos con imagen destacada, título, extracto y enlace
FAQ
- 1.1 Preguntas frecuentes con acordeón colapsable
CONTACT
- 1.1 Formulario de contacto completo (nombre, email, mensaje) y mapa estático
INTEGRATIONS
- 1.1 Cuadrícula de integraciones con iconos y breves descripciones
STYLE-GUIDE
- 1.1 Muestra de tipografías, paleta de colores y componentes UI reutilizables
LICENSING
- 1.1 Información de licencias, condiciones y botón de descarga del contrato
CHANGELOG
- 1.1 Lista cronológica de actualizaciones con fecha y descripción breve
PROMPTS RELACIONADOS · SAAS / STARTUP
