NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Escena Viva" (dominio escenaviva.com) usando solo HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. El proyecto debe reproducir la estructura visual y de interacción del sitio analizado:
- Paleta de colores: #1a1a1a (fondo negro), #ffffff (texto blanco), #e50914 (rojo acento), #f5f5f5 (gris claro), #000000 (negro puro).
- Tipografía: Inter (cargada desde Google Fonts) para títulos y cuerpo, peso 400‑700.
- Header: barra fija con logo SVG simple, menú multi‑nivel que despliega mega‑dropdowns al hover, iconos de búsqueda y carrito en la derecha, botón CTA "Buy Ticket" en rojo. El menú debe ser responsive: colapsar en botón hamburguesa en móvil y abrir overlay.
- Hero: sección full‑width con imagen de fondo tip
3.634 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.634 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 fijo con logo, menú multi‑nivel y botones de carrito/búsqueda
- 2.1 Hero con imagen de fondo y llamado a acción "Buy Ticket"
- 3.1 Grid de shows destacados con imágenes y botón "Buy Ticket"
- 4.1 Carrusel de testimonios con foto y cita
- 5.1 Formulario de suscripción al boletín
- 6.1 Footer con navegación secundaria, redes sociales y datos de contacto
ABOUT US
- 1.1 Header (reutiliza el mismo)
- 2.1 Hero con texto institucional
- 3.1 Historia y misión en bloques de texto e imagen
- 4.1 Equipo en tarjetas
- 5.1 Footer
OUR HISTORY
- 1.1 Header
- 2.1 Línea de tiempo cronológica con imágenes
- 3.1 Footer
OUR ACTORS
- 1.1 Header
- 2.1 Galería de actores en cuadrícula con filtro por categoría
- 3.1 Footer
STUDIO
- 1.1 Header
- 2.1 Información del estudio y tour virtual en video
- 3.1 Footer
SHOWS
- 1.1 Header
- 2.1 Lista de shows en tarjetas con imagen, descripción breve y botón "Buy Ticket"
- 3.1 Footer
NEWS
- 1.1 Header
- 2.1 Blog de noticias con tarjetas y filtros
- 3.1 Footer
SHOP
- 1.1 Header
- 2.1 Catálogo de productos en grid con filtros y botón "Add to Cart"
- 3.1 Footer
CONTACT US
- 1.1 Header
- 2.1 Formulario de contacto y mapa embed
- 3.1 Footer
PROMPTS RELACIONADOS · E-COMMERCE
