NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Escena Atlas" (museo de arte contemporáneo) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Replicar el diseño visual del sitio analizado:
- Paleta de colores: fondo principal #0a0a0a (negro profundo), acentos neón #00ffcc y #ff0066, texto principal #ffffff, subtítulos #bbbbbb.
- Tipografía: usar "Inter" para cuerpos y "Playfair Display" para encabezados, cargar desde Google Fonts.
- Header: barra de navegación fija con logo textual "Escena Atlas", enlaces Home, About, Works, Events, botón de menú hamburger que muestra/oculta el menú en móvil con transición suave.
- Hero: sección a pantalla completa con 4 capas de imágenes superpuestas (simuladas con divs de fondo usando URLs de placeholder), título grand
3.819 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.819 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 Hero con fondo múltiple, título destacado y botón scroll
- 1.2 Navbar fija con logo, menú desplegable y enlaces a Home, About, Works, Events
- 1.3 Bloque About con texto descriptivo y elementos visuales decorativos
- 1.4 Sección Exhibitions con título, obra destacada, información del autor y botón "Ver todas las exposiciones"
- 1.5 Grid de Works con tarjetas de obras, nombre de la obra, autor y enlace
- 1.6 Footer con logo, enlaces rápidos, iconos de redes y datos de contacto
ABOUT
- 1.1 Cabecera simple con título "Acerca de Escena Atlas"
- 1.2 Texto institucional y línea de tiempo visual
- 1.3 Imagen decorativa lateral
EXHIBITIONS
- 1.1 Cabecera "Esta temporada en Escena Atlas"
- 1.2 Imagen principal de la exposición principal con título y autor
- 1.3 Lista de obras destacadas en formato tarjeta
- 1.4 Botón "Ver todas las exposiciones"
WORKS
- 1.1 Galería tipo grid de 3 columnas
- 1.2 Cada tarjeta muestra miniatura, título y autor
- 1.3 Enlace invisible a página de detalle de la obra
FOOTER
- 1.1 Logo y claim
- 1.2 Enlaces de navegación (Home, About, Works, Events)
- 1.3 Iconos de redes sociales
- 1.4 Información legal y email de contacto
PROMPTS RELACIONADOS · ENTRETENIMIENTO
