NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Saas Perla, una startup SaaS de infraestructura e IA. Utiliza exclusivamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Emplea la paleta de colores derivada del original: primario #0D47A1 (azul oscuro), secundario #1976D2 (azul vibrante), acento #FFB300 (ámbar), fondo #F5F7FA (gris muy claro), texto principal #212121 (gris casi negro). Tipografía: Inter (sans‑serif) para títulos y body, peso 400‑600.
Estructura y componentes:
- **Header** fijo, altura 80px, fondo blanco, sombra ligera. Logo a la izquierda (SVG placeholder), botón hamburguesa a la derecha que abre un overlay de menú. CTA "Start" a la derecha del logo, estilo botón con fondo primario y hover #1976D2.
- **Overlay menu** ocupa 100% de la pantalla, fond
4.263 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.263 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 Cabecera fija con logo, botón hamburguesa y CTA "Start"
- 2.1 Menú overlay con columnas: Main, Company y acciones rápidas (Demo, Docs)
- 3.1 Hero con título grande, descripción, botones primario y secundario
- 4.1 Bloque de características en grid 3‑col con iconos y texto
- 5.1 Sección de changelog dinámico con fecha y titular
- 6.1 Testimonios / casos de éxito en carrusel simple
- 7.1 Llamada a acción "Book a demo" con botón destacado
- 8.1 Footer con enlaces sociales y nota legal
OVERLAY MENU
- 1.1 Columna Main con enlaces: Overview, Product, Success stories, Pricing
- 1.2 Columna Company con enlaces: About us, Careers, Resources, Contact
- 1.3 Acciones rápidas: Book a demo, Docs
CHANGLOG PAGE
- 1.1 Lista de cambios recientes con título y fecha
DOCS PAGE
- 1.1 Enlaces a documentación y guías
CONTACT PAGE
- 1.1 Formulario de contacto y mapa integrado
PRICING PAGE
- 1.1 Tabla comparativa de planes con CTA "Start"
PROMPTS RELACIONADOS · SAAS / STARTUP
