NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Ocio Orion, una galería de arte contemporáneo con tienda online, usando solo un archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla. Reproduce fielmente los patrones visuales analizados:
- Paleta de colores: #0B0315 (púrpura oscuro), #FFFFFF (blanco), #F5F5F5 (gris claro), #E0E0E0 (gris medio), #000000 (negro) y acentos en #6C63FF (violeta brillante).
- Tipografía: Inter (sans) para cuerpo y headings, peso 400‑700, tamaños fluidos.
- Header: barra fija con logo a la izquierda, enlaces de navegación (Home, Exhibitions, Shop, Events, Contact) y un dropdown "Pages" con enlaces adicionales. Menú colapsable en móvil con ícono de hamburguesa.
- Hero: sección ocupando la primera pantalla, cuadrícula de 6 imágenes en estilo mosai
3.463 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.463 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 y menú desplegable
- 1.2 Hero principal con cuadrícula de imágenes y título central
- 1.3 Video de fondo a pantalla completa bajo el hero
- 1.4 Imagen central destacada
- 1.5 Sección de categorías con tarjetas animadas
- 1.6 Bloque "Acerca de" con imagen decorativa y texto descriptivo
- 1.7 Sección de exposiciones destacadas (placeholder)
- 1.8 Footer con enlaces y redes sociales
EXHIBITIONS
- 2.1 Cabecera con título
- 2.2 Lista de exposiciones en grid
- 2.3 Filtro por categoría
- 2.4 CTA para comprar entradas
ABOUT
- 3.1 Imagen hero y texto institucional
- 3.2 Equipo y misión
- 3.3 CTA a la tienda
SHOP
- 4.1 Cabecera con filtros de producto
- 4.2 Grid de productos (imagen, nombre, precio, botón añadir)
- 4.3 Paginación
EVENTS
- 5.1 Lista de eventos próximos
- 5.2 Calendario compacto
- 5.3 Botón de reserva
CONTACT
- 6.1 Formulario de contacto simple
- 6.2 Mapa incrustado
- 6.3 Información de localización
PROMPTS RELACIONADOS · ENTRETENIMIENTO
