NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático completo para la marca ficticia DomusViva, empresa de automatización y seguridad del hogar. Usa un único archivo HTML con Tailwind CSS vía CDN y JavaScript vanilla sin dependencias externas. Sigue la estructura y patrones visuales del sitio analizado:
- Paleta de colores: #0F172A (azul noche), #1E293B (gris profundo), #3B82F6 (azul primario), #F3F4F6 (gris claro), #FFFFFF (blanco).
- Tipografía: Inter (cargada desde Google Fonts) para títulos y cuerpo.
- Header: barra fija, logo a la izquierda, menú horizontal (Home, About, Services, Pages dropdown con Team, Projects, Pricing, Contact, Blog) y botón secundario "Get Started" a la derecha. En móvil colapsa a hamburguesa.
- Hero: sección a pantalla completa con fondo de imagen grande, overlay oscuro, título gra
3.884 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.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 Header con logo, menú principal y botón destacado
- 1.2 Hero con título, subtítulo, botones primary y secondary, imagen de fondo y overlay
- 1.3 Sección animada con carrusel de imágenes duplicadas para efecto espejo
- 1.4 Bloque de contadores mostrando métricas clave
- 1.5 Footer con enlaces de navegación, redes sociales y datos de contacto
ABOUT
- 1.1 Header reutilizable
- 1.2 Banner interno con título y descripción
- 1.3 Texto descriptivo con imagen acompañante
- 1.4 Equipo destacado en card grid
- 1.5 Footer reutilizable
SERVICES
- 1.1 Header reutilizable
- 1.2 Lista de servicios en tarjetas con íconos
- 1.3 Sección de beneficios con iconografía
- 1.4 CTA con botón principal
- 1.5 Footer reutilizable
PROJECTS
- 1.1 Header reutilizable
- 1.2 Galería filtrable de proyectos
- 1.3 Detalle de proyecto destacado
- 1.4 Testimonios en slider
- 1.5 Footer reutilizable
CONTACT
- 1.1 Header reutilizable
- 1.2 Formulario de contacto con campos básicos
- 1.3 Mapa incrustado
- 1.4 Información de contacto rápida
- 1.5 Footer reutilizable
PROMPTS RELACIONADOS · ARQUITECTURA
