NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Suite Brisa, una plataforma SaaS de automatización financiera basada en IA. Utiliza solo HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. Reproduce la estructura y estilo visual del sitio analizado:
- Paleta oscura con colores principales #0A0A0A (fondo), #1F2937 (panel), acentos #3B82F6 (azul), #10B981 (verde) y texto blanco #F9FAFB.
- Tipografía: Inter (sans) para cuerpo y headings, peso 400‑700.
- Header: navbar fija, logo placeholder, menú horizontal (Home, About us, Features, Pricing, Blog, Contact), botón primario "Solicita Demo" con efecto hover.
- Hero: video de fondo (loop, muted, autoplay) usando <video> con poster. Sobre el video, título grande "Automatización impulsada por IA para flujos de trabajo", subt
3.539 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.539 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 Navbar fija con logo, menú y botón primario
- 1.2 Hero con video de fondo, título, descripción y botones CTA, y carrusel de logos de clientes
- 1.3 Sección "Cómo funciona" con subtítulo, título, texto y tabs interactivos que muestran pasos ilustrados
- 1.4 (otros bloques que puedan existir, como testimonios, FAQ, footer)
ABOUT US
- 2.1 Header interno con breadcrumb
- 2.2 Texto descriptivo y valores de la empresa
- 2.3 Imágenes ilustrativas
- 2.4 Equipo (grid de tarjetas)
FEATURES
- 3.1 Lista de funcionalidades con iconos y descripciones
- 3.2 Gráficos o diagramas explicativos
- 3.3 CTA de prueba gratuita
PRICING
- 4.1 Tabla comparativa de planes
- 4.2 CTA de selección de plan
- 4.3 Preguntas frecuentes
BLOG
- 5.1 Lista de artículos con imágenes, título y extracto
- 5.2 Paginación
CONTACT
- 6.1 Formulario de contacto simple
- 6.2 Información de contacto y mapa
FOOTER (presente en todas las páginas)
- F1 Enlaces de navegación secundarios
- F2 Redes sociales
- F3 Información legal y derechos de autor
PROMPTS RELACIONADOS · SAAS / STARTUP
