NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia LunaCírculo (evento cultural) usando HTML5, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Paleta: negro #0D0D0D, gris oscuro #1A1A1A, azul profundo #1E3A8A, blanco puro #FFFFFF, acento mostaza #EAB308. Tipografía: 'Inter' para cuerpo y 'Playfair Display' para encabezados, importadas desde Google Fonts.
Estructura:
- <header class="fixed w-full bg-black bg-opacity-80 backdrop-blur py-4"> contiene logo SVG (placeholder), menú horizontal con enlaces "Sobre", "Programa", "Ponentes", "Contacto" y botón destacado "Comprar entrada" con fondo mostaza.
- Hero sección ocupa pantalla completa, fondo degradado azul‑negro, contiene título grande (h1) con fuente Playfair, subtítulo con fecha y ubicación, y una imagen de fondo responsive (av
4.039 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.039 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 con título SVG, fecha y ubicación, imagen de fondo grande
- 1.3 Sección "Sobre" con etiqueta, título, imagen ilustrativa, texto descriptivo y botón de tickets
- 1.4 Grid de tarjetas de agenda por día con fecha, etiqueta, texto y foto
- 1.5 Sección de ponentes destacados con etiqueta, título, descripción y tarjetas de perfil
- 1.6 Footer oscuro con logo, enlaces sociales y datos de contacto
ABOUT
- 2.1 Contenedor con etiqueta "about", título principal y párrafo descriptivo
- 2.2 Imagen de fondo artística y botón "Buy Tickets"
AGENDA
- 3.1 Título de sección y descripción breve
- 3.2 Tarjeta de día 1: fecha, etiqueta "Day one", texto y foto
- 3.3 Tarjeta de día 2: fecha, etiqueta "Day two", texto y foto
- 3.4 Tarjeta de día 3: fecha, etiqueta "Day three", texto y foto
SPEAKERS
- 4.1 Encabezado con etiqueta "Featured guests" y subtítulo
- 4.2 Descripción introductoria
- 4.3 Tarjeta de ponente: nombre, rol, foto y estilo de tarjeta volteable (frente/tras)
FOOTER
- 5.1 Logo institucional
- 5.2 Enlaces de navegación secundarios
- 5.3 Íconos de redes sociales
- 5.4 Información de contacto y copyright
PROMPTS RELACIONADOS · MODA
