NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Ocio Lira, una galería digital de arte. Utiliza únicamente HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. La página debe incluir:
- **Paleta de colores**: fondo negro #000000, texto principal blanco #FFFFFF, acentos dorado #C5A15E y gris oscuro #222222.
- **Tipografía**: headings con "Playfair Display", cuerpo con "Inter", ambas importadas desde Google Fonts.
- **Header**: barra de navegación sticky con logo (texto Ocio Lira en tipografía Playfair, color dorado), enlaces Home, About, Collections, Contact y tres iconos sociales (X, Dribbble, Meta) en blanco sobre fondo negro. Botón hamburguesa para móvil con animación de líneas.
- **Hero**: sección a pantalla completa con fondo de imagen hero (placeholder) y overlay ne
4.009 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.009 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 iconos sociales
- 1.2 Hero con título, subtítulo, llamado a la acción y fondo multimedia
- 1.3 Bloque de información secundaria con tagline y enlaces a redes
- 1.4 Imagen de fondo grande con overlay y dos obras destacadas con texto descriptivo
- 1.5 Sección "Quiénes somos" con encabezado, cuadrícula de imágenes en lightbox y texto descriptivo
- 1.6 Sección de eventos con slider de vídeo/imagen y controles de navegación
- 1.7 Footer con enlaces de navegación, redes y datos de contacto
ABOUT
- 2.1 Encabezado "who we are"
- 2.2 Cuadrícula de 5 imágenes con efecto lightbox
- 2.3 Tagline y párrafo descriptivo de la misión
EVENTS
- 3.1 Encabezado "Our Art Events"
- 3.2 Slider horizontal con videos o imágenes de eventos
- 3.3 Controles de navegación y paginación
PROMPTS RELACIONADOS · ENTERTAINMENT
