NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
You are Claude Design. Create a complete static website replica of the described SaaS task‑management platform using only a single HTML file, Tailwind CSS CDN and vanilla JavaScript. Follow the specifications below.
---
**Brand**
Name: CromaFlow
Domain: cromaflow.com
Claim: Simplifica la coordinación y el seguimiento de tu trabajo
Contact email: hola@cromaflow.com
Year: 2026
---
**Palette**
Primary: #0EA5E9 (bright cyan)
Secondary: #065F46 (deep teal)
Accent: #F59E0B (amber)
Background: #F9FAFB (very light gray)
Text primary: #111827 (dark gray)
Text secondary: #6B7280 (medium gray)
---
**Typography**
Headings: 'Inter', sans‑serif, weight 600‑700
Body: 'Inter', sans‑serif, weight 400
Button text: uppercase, tracking‑wide
All text in Spanish (Spain).
---
**Layout & Components**
1. **Hea
5.096 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.096 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 Header con logo, navegación (dropdowns, mega‑menu) y botón de contacto
- 2.1 Hero con título, descripción breve, botón principal y visual
- 3.1 Bloque de funcionalidades: tres columnas, íconos, títulos y descripciones
- 4.1 Sección de integraciones: imagen lateral, texto explicativo, botón secundario
- 5.1 Testimonios: carrusel sencillo, avatar, nombre, cargo, texto de referencia
- 6.1 CTA final: frase motivadora, campo email y botón de suscripción
- 7.1 Footer: logo, links de navegación, datos de contacto, iconos sociales
ABOUT
- 1.1 Header compartido
- 2.1 Banner interno con título "Sobre nosotros" y fondo tenue
- 3.1 Historia de la empresa en dos columnas, ilustración a la izquierda
- 4.1 Valores y misión en tarjetas con íconos
- 5.1 Equipo: grid de perfiles con foto, nombre y rol
- 6.1 CTA invitando a probar la herramienta
- 7.1 Footer compartido
SERVICE
- 1.1 Header compartido
- 2.1 Hero interno con título "Nuestros servicios"
- 3.1 Lista de servicios en tarjetas horizontales con íconos y descripción
- 4.1 Caso de uso destacado con imagen y texto
- 5.1 Preguntas frecuentes en acordeón
- 6.1 CTA de solicitud de demo
- 7.1 Footer compartido
BLOG
- 1.1 Header compartido
- 2.1 Hero de blog con título y barra de búsqueda
- 3.1 Lista de artículos en tarjetas con imagen, categoría y extracto
- 4.1 Sidebar con categorías, tags y newsletter
- 5.1 Paginación simple
- 6.1 Footer compartido
CONTACT
- 1.1 Header compartido
- 2.1 Hero de contacto con título y subtítulo
- 3.1 Formulario de contacto: nombre, email, asunto, mensaje y botón envío
- 4.1 Información de contacto: dirección, teléfono, email
- 5.1 Mapa incrustado (placeholder)
- 6.1 Footer compartido
PROMPTS RELACIONADOS · EDUCACIÓN
