NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Create a full‑page website for the fictitious museum **Ocio Alba** (ocioalba.com). The design must clone the visual patterns of the source site without copying any text or assets. Use **HTML**, **Tailwind CSS CDN**, and **vanilla JavaScript** in a single file.
### General requirements
- Light‑dark neutral palette derived from the source: primary #2C2C2C, secondary #FFFFFF, accent #A67C52, highlight #D9B99B, background #F5F5F5.
- Typography: headings with **Playfair Display** (serif, bold), body text with **Inter** (sans‑serif, regular). Load both from Google Fonts.
- Responsive layout, mobile‑first, with smooth scroll for internal anchors.
- Hamburger menu that toggles a vertical overlay navigation (Home, Exposición, Obras, Plan). Include open/close icons with simple CSS transitions.
- A
5.787 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.787 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 de obra artística, menú hamburguesa, horario y dirección en barra superior
- 1.2 Bloque introductivo con título fragmentado en varias líneas y foto de apoyo
- 1.3 Sección de exposiciones (tres tarjetas, cada una con imagen, título, autor y estado)
- 1.4 Galería de obras (lista de tarjetas dinámicas con imagen, título, autor, año)
- 1.5 Planifica tu día (imagen y texto explicativo)
EXHIBITION
- 2.1 Página de exposición individual, imagen a pantalla completa, descripción, autor, fechas
WORK
- 3.1 Página de obra individual, galería de imágenes, información del autor, año, texto descriptivo
PLAN
- 4.1 Página de planificación, formulario de visita, mapa integrado, horarios
PROMPTS RELACIONADOS · ENTERTAINMENT