NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Create a full‑page static website for the fictitious brand "Áurea Arquitectura" using only HTML, Tailwind CSS (CDN) and vanilla JavaScript in a single file. The site must reproduce the visual patterns of the reference: a dark‑mode body, full‑screen hero with rotating headline lines, background image/video with overlay, transparent logo centered, sticky header with logo left, animated underline menu items (Home, About, Project, News) and a hamburger that toggles a mobile panel showing the same links plus contact info. Use a minimalist monochrome palette with accents: #0D0D0D (background), #FFFFFF (text), #E0E0E0 (secondary), #B8860B (gold accent), #333333 (cards). Typography: headings with "Playfair Display" (serif, weight 700), body with "Inter" (sans, weight 400). Implement the following
3.950 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.950 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 Header con logo, menú y hamburguesa
- 1.2 Hero principal con texto rotativo y fondo visual
- 1.3 Bloque "Sobre nosotros" con CTA
- 1.4 Galería marquee de imágenes y video
- 1.5 Grid de proyectos destacados
- 1.6 Grid de noticias recientes
- 1.7 Footer con contacto y links
ABOUT
- 2.1 Header (reutilizable)
- 2.2 Título de página y descripción del estudio
- 2.3 Equipo (cards con foto y bio)
- 2.4 Valores y metodología
- 2.5 Footer
PROJECT
- 3.1 Header
- 3.2 Galería tipo masonry de proyectos
- 3.3 Filtro por categoría
- 3.4 Detalle de proyecto (imágenes, descripción, datos técnicos)
- 3.5 Footer
NEWS
- 4.1 Header
- 4.2 Listado de artículos en grid
- 4.3 Extracto, imagen y enlace a detalle
- 4.4 Sidebar con categorías y suscripción
- 4.5 Footer
CONTACT
- 5.1 Header
- 5.2 Formulario de contacto (nombre, email, mensaje)
- 5.3 Mapa embebido
- 5.4 Información de oficina y teléfono
- 5.5 Footer
PROMPTS RELACIONADOS · ARCHITECTURE
