NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático completo para la marca ficticia "Suite Éter" (suiteeter.com), sector SaaS de automatización financiera, usando solo un archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla (sin bundlers). Reproduce fielmente la estructura y estilo del template analizado: fondo oscuro (#0a0a0a), acentos violetas (#7c3aed) y verdes (#10b981), tipografía principal 'Inter' (Google Fonts) y encabezados con 'Roboto Slab' para mayor contraste.
---
**Header**: barra de navegación fija, logo a la izquierda (placeholder SVG), menú centrado con enlaces Home, About, Features, Pricing, Blog, botón destacado "Get a Demo" en color primario, hamburguesa animada para móvil (lottie JSON opcional).
---
**Hero**: sección full‑height con video de fondo (muted, loop, autoplay) usando
4.884 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.884 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 fijo con logo, menú y botón principal
- 1.2 Hero con video de fondo, título, subtítulo, descripción y dos CTA
- 1.3 Marquee de logotipos de clientes
- 1.4 Sección "Cómo funciona" con título, descripción y tabs de pasos
- 1.5 Footer con enlaces y redes sociales
ABOUT
- 2.1 Navbar reutilizado
- 2.2 Hero interno con título y texto descriptivo
- 2.3 Equipo o misión (grid de tarjetas)
- 2.4 Footer
FEATURES
- 3.1 Navbar reutilizado
- 3.2 Hero con título y breve descripción
- 3.3 Lista de características en tarjetas o columnas
- 3.4 Demo video o imagen ilustrativa
- 3.5 Footer
PRICING
- 4.1 Navbar reutilizado
- 4.2 Tabla de planes con precios ficticios y botones CTA
- 4.3 Comparativa de funcionalidades
- 4.4 FAQ breve
- 4.5 Footer
BLOG
- 5.1 Navbar reutilizado
- 5.2 Lista de artículos en tarjetas con imagen, título y extracto
- 5.3 Paginación
- 5.4 Footer
CONTACT
- 6.1 Navbar reutilizado
- 6.2 Formulario de contacto sencillo
- 6.3 Información de contacto y mapa integrados
- 6.4 Footer
PROMPTS RELACIONADOS · SAAS / STARTUP
