NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Escena Vega" (escenavega.com). El proyecto debe ser un único archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks). Reproduce el diseño visual y estructura analizada:
- Paleta de colores: #0F172A (azul marino profundo), #1E293B (gris azulado), #F1F5F9 (gris claro), #E2E8F0 (azul pálido), #FFFFFF (blanco) y acentos en #3B82F6 (azul brillante).
- Tipografía: "Inter" para textos y "Playfair Display" para títulos (cargar desde Google Fonts).
- Header fijo con logo a la izquierda, botón "Contact" a la derecha y menú hamburguesa que abre un overlay con navegación (Home, About, Gallery, Exhibitions, Blog, Contact) y enlaces a redes sociales. El overlay debe incluir un botón destacado "Get in touch".
- Barra de notifi
3.656 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.656 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 con logo, botón de contacto y menú hamburguesa overlay
- 1.2 Barra de notificación superior con acceso a soporte y fichero Figma
- 1.3 Hero principal con fondo visual y llamada a la acción "Get in touch"
- 1.4 Sección de introducción con texto destacado y botón
- 1.5 Grid de colecciones o exposiciones destacadas
- 1.6 Área de blog o noticias recientes
- 1.7 Footer con enlaces de navegación, redes sociales y datos de contacto
ABOUT
- 2.1 Header (reutiliza componente global)
- 2.2 Hero interior con título y subtítulo
- 2.3 Texto descriptivo sobre la historia y misión
- 2.4 Equipo o colaboradores en tarjetas
- 2.5 Footer global
GALLERY
- 3.1 Header global
- 3.2 Hero con filtro de categorías
- 3.3 Grid de imágenes de obras, con efecto hover y lightbox
- 3.4 Paginación o carga infinita
- 3.5 Footer global
EXHIBITIONS
- 4.1 Header global
- 4.2 Listado de exposiciones con fechas y breves descripciones
- 4.3 Detalle de exposición (imagen destacada, texto, programa)
- 4.4 Footer global
BLOG
- 5.1 Header global
- 5.2 Lista de artículos en tarjetas con imagen, título y extracto
- 5.3 Página de artículo individual con contenido enriquecido
- 5.4 Sidebar con categorías y últimos artículos
- 5.5 Footer global
CONTACT
- 6.1 Header global
- 6.2 Formulario de contacto simple (nombre, email, mensaje)
- 6.3 Información de contacto y mapa embebido
- 6.4 Footer global
PROMPTS RELACIONADOS · ENTERTAINMENT
