NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia **Lumenía Estudio** (agencia digital) usando **HTML** y **Tailwind CSS CDN** en un único archivo, con interactividad en **JavaScript vanilla**. El diseño debe reproducir fielmente los patrones visuales del sitio analizado:
- **Paleta de colores**: negro profundo #0a0a0a, gris claro #f5f5f5, azul acento #1e40af, blanco puro #ffffff.
- **Tipografía**: "Inter" para cuerpos y "Playfair Display" para encabezados, ambos importados vía Google Fonts.
- **Header**: logo a la izquierda (texto "Lumenía" en Playfair), menú centrado (Home, About, Works, Contact) y botón de llamada a la acción a la derecha con fondo degradado azul → morado. En móvil se colapsa a icono hamburguesa que abre un overlay vertical.
- **Hero**: sección full‑width con imagen
4.212 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.212 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 y navegación hamburguesa
- 1.2 Hero con imagen de fondo, título grande dividido en dos líneas y subtítulo descriptivo
- 1.3 Bloque "About" con título, párrafo introductorio y grid de tres beneficios
- 1.4 Frase de marketing destacada con título y párrafo corto
- 1.5 Sección de Servicios con acordeón de cuatro items (imagen + título + breve descripción)
- 1.6 Footer sencillo con enlaces de navegación y datos de contacto
ABOUT
- 2.1 Header igual al de Home
- 2.2 Título "Sobre nosotros"
- 2.3 Texto descriptivo ampliado
- 2.4 Grid de valores y equipo
- 2.5 Footer
WORKS
- 3.1 Header
- 3.2 Galería de proyectos en cuadrícula con hover overlay
- 3.3 Pie de página
CONTACT
- 4.1 Header
- 4.2 Formulario de contacto (nombre, email, mensaje, botón enviar)
- 4.3 Mapa estático de ubicación
- 4.4 Footer
PROMPTS RELACIONADOS · AGENCIA DIGITAL
