NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Hogar Atlas, una galería digital de arte, usando solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Emplea la siguiente paleta de colores: #0A0A0A (fondo negro), #FFFFFF (texto), #D4AF37 (oro suave), #E5E5E5 (gris claro). Usa tipografía 'Inter' para cuerpos y 'Playfair Display' para encabezados.
Estructura:
- **Header**: barra de navegación fija con logo (texto Hogar Atlas en fuente Playfair, color oro), enlaces Home, About, Collections, Contact alineados a la izquierda y tres iconos sociales (X, Dribbble, Meta) a la derecha, botón hamburguesa responsive.
- **Hero Section**: ocupa toda la ventana, fondo de imagen estática (placeholder) con overlay negro 60% y partículas CSS. Título grande (h1) "Donde el arte vive
3.844 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.844 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 Navbar fijo con logo, enlaces y iconos sociales
- 1.2 Hero: título impactante, subtítulo, botón CTA, barra inferior con iconos
- 1.3 Imagen de fondo principal + overlay + dos piezas destacadas con texto
- 1.4 About: encabezado, galería de 5 miniaturas con lightbox, tagline y descripción
- 1.5 Events: encabezado y slider de videos/ imágenes
- 1.6 Footer: enlaces rápidos y redes sociales
ABOUT
- 1.1 Encabezado “quienes somos”
- 1.2 Galería de cinco obras con efecto hover y lightbox
- 1.3 Tagline y párrafo descriptivo
EVENTS
- 1.1 Encabezado “Nuestros eventos artísticos”
- 1.2 Slider con videos y fotos, navegación automática y flechas
FOOTER
- 1.1 Enlaces de navegación secundaria
- 1.2 Iconos de redes sociales
- 1.3 Texto de derechos de autor
PROMPTS RELACIONADOS · REAL ESTATE
