NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Escuela Ónix" (escuelaonix.com), sector centro cultural y galería de arte contemporáneo, con claim "Espacios para la expresión visual del presente". Usa una única página HTML con Tailwind CSS CDN y JavaScript vanilla (sin frameworks) en un único fichero. Paleta de colores: #1C1C1E (negro profundo), #FFFFFF (blanco), #F5F5F5 (gris muy claro), #D4AF37 (oro pastel) y #8C8C8C (gris medio). Tipografía: "Playfair Display" para encabezados y "Inter" para cuerpo, ambas importadas de Google Fonts.
Estructura y componentes:
1. Header fijado en la parte superior, fondo semi‑transparente, con horario "Abierto hoy 11 AM – 7 PM" a la izquierda y un menú hamburguesa a la derecha que despliega los enlaces: Home, Exposición, Obras, Visita.
2. Hero full‑sc
4.373 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.373 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 horario y menú hamburguesa
- 1.2 Hero con fondo de imágenes superpuestas y textos de presentación
- 1.3 Bloque "Sobre nosotros" con título, subtítulo y párrafos descriptivos
- 1.4 Sección "Exposiciones" con fondo visual, texto descriptivo y swipe para más obras
- 1.5 Galería "Colección" con cuadrícula de obras, título, autor y enlace oculto
- 1.6 Llamado a la acción "Planifica tu visita" con texto y botón
EXHIBITION
- 2.1 Cabecera con título de la exposición actual
- 2.2 Imagen destacada con efecto parallax
- 2.3 Descripción breve y datos del autor
- 2.4 Botón para ver detalles completos
WORK
- 3.1 Grid de obras destacadas (3 columnas)
- 3.2 Cada tarjeta muestra imagen, título, autor y overlay
- 3.3 Enlace a página individual de la obra
PLAN
- 4.1 Texto motivacional "Tu viaje artístico empieza aquí"
- 4.2 Botón grande "Planifica tu visita"
- 4.3 Información de contacto y redes sociales en el footer
PROMPTS RELACIONADOS · EDUCATION
