NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático con HTML, Tailwind CSS CDN y JavaScript vanilla (un solo archivo) que reproduzca el diseño de un festival cultural ficticio llamado Aurea Echo. Utiliza la siguiente paleta de colores: #0D0D0D (fondo oscuro), #FFFFFF (texto principal), #F2C94C (amarillo acento), #E0E0E0 (gris claro), #FF6F61 (rojo coral para botones). Tipografía: encabezados con "Poppins" (weights 600-700), cuerpo con "Inter" (weight 400).
Estructura requerida:
- Header fijo con logo a la izquierda, enlaces (About, Lineup, Contact) y botón destacado "BUY TICKET" con borde amarillo y hover rojo.
- Hero full‑width: título grande SVG o texto estilizado, fecha y ubicación alineados horizontalmente, imagen de fondo que ocupa toda la altura del hero y se desvanece al cargar.
- Sección About: etiqueta
3.706 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.706 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 fija con logo, enlaces y botón de compra de entradas
- 1.2 Hero principal con título animado, fecha y ubicación, imagen de fondo
- 1.3 Bloque "Sobre" con etiqueta, título, imagen ilustrativa y descripción
- 1.4 Agenda de tres días con tarjetas de evento (fecha, etiqueta de día, texto y foto)
- 1.5 Sección de invitados destacados con título, subtítulo y tarjetas de speaker (foto, nombre, ocupación)
- 1.6 Footer minimalista con logo y enlaces sociales
ABOUT
- 2.1 Sección "Sobre" repetida para detalle extenso (texto y botón de compra)
AGENDA
- 3.1 Tarjeta de día 1 (fecha, etiqueta, descripción, imagen)
- 3.2 Tarjeta de día 2 (fecha, etiqueta, descripción, imagen)
- 3.3 Tarjeta de día 3 (fecha, etiqueta, descripción, imagen)
SPEAKERS
- 4.1 Encabezado "Who’s taking the stage" y descripción breve
- 4.2 Tarjeta de speaker 1 (foto, nombre, rol)
- 4.3 Tarjeta de speaker 2 (foto, nombre, rol)
- 4.4 Tarjeta de speaker 3 (foto, nombre, rol)
PROMPTS RELACIONADOS · BELLEZA / SPA
