NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia Glow Atlas, un festival cultural, usando HTML5, TailwindCSS CDN y JavaScript vanilla en un solo archivo. Replicar la estructura y estilo del sitio original:
- Paleta de colores: #0A0A0A (fondo negro), #FFFFFF (texto), #F5A623 (amarillo mostaza), #CCCCCC (gris neutro) con opacidades según necesidad.
- Tipografía: Inter var para encabezados y body, tamaños escala modular (h1 4rem, h2 2.5rem, h3 2rem, body 1rem).
- Header: barra fija con logo SVG (placeholder), enlaces "Sobre", "Agenda", "Invitados", "Contacto" y botón destacado "Comprar entrada".
- Hero: sección a pantalla completa con imagen de fondo difuminada, título SVG grande centrado, fecha "Oct 2027" y ubicación "Lisboa, PT" en texto pequeño bajo el título.
- Bloque "Sobre": etiqueta
3.526 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.526 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 Barra de navegación con logo, enlaces y botón de compra.
- 2.1 Hero con título gráfico, fecha, ubicación y foto de fondo.
- 3.1 Bloque "Sobre" con etiqueta, encabezado, imagen y texto descriptivo.
- 4.1 Bloque de agenda con tarjetas por día (título, etiqueta, descripción, imagen).
- 5.1 Bloque de invitados con tarjeta de perfil (nombre, rol, foto, detalle).
- 6.1 Bloque de contacto con formulario y redes.
- 7.1 Footer con logo, enlaces y redes.
AGENDA
- 1.1 Tarjeta día 1: fecha, etiqueta, descripción, imagen.
- 1.2 Tarjeta día 2: fecha, etiqueta, descripción, imagen.
- 1.3 Tarjeta día 3: fecha, etiqueta, descripción, imagen.
INVITADOS
- 1.1 Tarjeta invitado 1: nombre, ocupación, foto, detalle.
- 2.1 Tarjeta invitado 2: nombre, ocupación, foto, detalle.
- 3.1 Tarjeta invitado 3: nombre, ocupación, foto, detalle.
CONTACTO
- 1.1 Formulario nombre, email, mensaje.
- 1.2 Enlaces a redes sociales.
FOOTER
- 1.1 Logo y descripción corta.
- 1.2 Enlaces a secciones principales.
- 1.3 Iconos de redes sociales.
PROMPTS RELACIONADOS · BELLEZA / SPA
