NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Escuela Éter" (galería de arte contemporáneo y tienda). Usa únicamente HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Incluye las siguientes características y estructura visual basada en los patrones observados:
- **Paleta de colores**: #1A1A1A (negro profundo), #E53935 (rojo intenso), #F5F5F5 (gris muy claro), #FFFFFF (blanco), #D32F2F (rojo oscuro para acentos).
- **Tipografía**: Google Font "Playfair Display" para encabezados y "Inter" para textos.
- **Header**: barra fija con logo (icono floral simple), nombre "Escuela Éter" y botón hamburguesa que abre un menú overlay con enlaces: "Inicio", "Sobre mí", "Obras", "Tienda", "Exposiciones", "Contacto". El overlay muestra número de sección y texto en blanco s
4.207 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.207 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ú hamburguesa
- 1.2 Hero principal con nombre del artista y línea decorativa
- 1.3 Bloque "Sobre mí" con texto, imagen y enlaces a "Sobre mí", "Historia" y "Tienda"
- 1.4 Galería de obras destacadas (cuatro tarjetas con número)
- 1.5 Sección de tienda (tarjetas de producto en dos columnas)
- 1.6 Footer con dirección, teléfono y enlaces de redes
ABOUT
- 2.1 Header con título "Sobre mí"
- 2.2 Texto descriptivo del artista
- 2.3 Imagen de retrato
- 2.4 Botón de retorno a inicio
ART PIECES
- 3.1 Header con título "Obras de arte"
- 3.2 Grid de tarjetas dinámicas (título + imagen + numeración)
- 3.3 Paginación simple
SHOP
- 4.1 Header con título "Tienda"
- 4.2 Grid de tarjetas de producto (imagen, nombre, enlace)
- 4.3 Botón "Ver más" en cada tarjeta
EXHIBITIONS
- 5.1 Header con título "Exposiciones"
- 5.2 Lista de eventos con fecha y descripción corta
- 5.3 Enlace a detalle de cada exposición
CONTACT
- 6.1 Formulario de contacto (nombre, email, mensaje)
- 6.2 Información de ubicación y teléfono
- 6.3 Mapa incrustado
PROMPTS RELACIONADOS · EDUCACIÓN
