NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web estática con HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único fichero. Usa la marca ficticia **Diseño Lúmina** (disenolumina.com, email hola@disenolumina.com, claim "Construimos experiencias digitales que perduran").
- **Paleta de colores**: negro puro #000000, gris oscuro #1A1A1A, gris medio #4A4A4A, blanco #FFFFFF, azul acento #0EA5E9.
- **Tipografía**: `Inter` para títulos y párrafos, `Space Mono` para textos secundarios.
- **Header**: barra fija con logo a la izquierda, botón hamburguesa a la derecha que muestra/oculta el menú. Menú con enlaces Home, About, Work, Journal, Contact. Animación suave al abrir/cerrar.
- **Hero**: sección a pantalla completa con video de fondo que se reproduce en bucle sin sonido, overlay negro con opacidad 0.4. Texto centrado:
3.971 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.971 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 y botón de menú
- 1.2 Hero principal con video de fondo, capas de superposición y titulares
- 1.3 Controles tipo thumbnail para cambiar la diapositiva del hero
- 1.4 Sección "Works" con grid de proyectos, imágenes, videos y textos superpuestos
- 1.5 Footer con datos de contacto, enlaces y redes sociales
ABOUT
- 2.1 Cabecera con título y descripción de la agencia
- 2.2 Equipo con tarjetas de perfil y animaciones
- 2.3 Valores y metodología en columnas
CONTACT
- 3.1 Formulario de contacto con campos básicos
- 3.2 Mapa estático de ubicación
- 3.3 Información de contacto y enlaces rápidos
JOURNAL
- 4.1 Listado de artículos en formato tarjeta
- 4.2 Filtros por categoría y búsqueda
- 4.3 Paginación inferior
PROMPTS RELACIONADOS · PORTFOLIO
