NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Saas Éter, una plataforma SaaS de infraestructura tecnológica. Usa solo HTML estático en un único archivo, Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks). Reproduce la estructura visual del template analizado:
- **Paleta de colores**: primary #0D3B66, secondary #FAF0CA, accent #F4D35E, text #102A43, background #F9F9F9.
- **Tipografía**: font-family 'Inter', sans-serif; títulos en peso 700, cuerpo 400.
- **Header**: barra fija con logo a la izquierda, botón hamburguesa que abre un overlay de menú, y CTA "Start" con efecto hover duplicado.
- **Menu overlay**: grid de 2 columnas principales (Main, Company) + columna lateral con changelog dinámico (simulado), redes sociales y botones laterales "Book a demo" y "Docs" con pequeño
3.596 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.596 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, hamburguesa y CTA.
- 2.1 Menú overlay en columnas con enlaces principales y última novedad.
- 3.1 Hero con título, subtítulo, botón y gráfico.
- 4.1 Grid de 3 características con iconos.
- 5.1 Tarjetas de casos de éxito y fechas.
- 6.1 Sección de pricing con tres planes.
- 7.1 CTA "Book a demo" y enlaces a Docs.
- 8.1 Footer con navegación, redes y branding.
ABOUT
- 1.1 Header idéntico al Home.
- 2.1 Sección de presentación de la empresa con texto y foto.
- 3.1 Valores y misión en columnas.
- 4.1 Equipo con tarjetas de perfil.
- 5.1 Footer igual que Home.
PRODUCT
- 1.1 Header.
- 2.1 Hero de producto con demo video.
- 3.1 Detalle de funcionalidades en tabs.
- 4.1 Integraciones mostradas en carrusel.
- 5.1 CTA a pricing.
- 6.1 Footer.
SUCCESS STORIES
- 1.1 Header.
- 2.1 Lista de historias de éxito en tarjetas con filtrado.
- 3.1 Testimonios en carrusel.
- 4.1 Footer.
PRICING
- 1.1 Header.
- 2.1 Tabla comparativa de tres planes con características.
- 3.1 FAQ acordeón.
- 4.1 CTA de registro.
- 5.1 Footer.
CONTACT
- 1.1 Header.
- 2.1 Formulario de contacto con campos nombre, email, mensaje.
- 3.1 Mapa incrustado.
- 4.1 Footer.
PROMPTS RELACIONADOS · SAAS / STARTUP
