NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **ArqVista Studio** (arquitectura y diseño de interiores) usando solo HTML, Tailwind CSS via CDN y JavaScript vanilla en un único archivo. El proyecto debe reproducir fielmente la estructura y estilo del sitio original analizado, sin copiar texto ni imágenes. **Requisitos**:
- **Paleta de colores**: #0A1F44 (navy‑blue), #1E3A8A (blue‑800), #F3F4F6 (gray‑100), #FFFFFF (white), #000000 (black) y acentos #FFB800 (amber).
- **Tipografía**: Inter (Google Fonts) para cuerpos y headings, peso 400‑700.
- **Header**: barra fija, logo a la izquierda, menú principal con items: Home, Pages (mega‑menu), Pricing, Blog, Portfolio. El mega‑menu despliega dos columnas de enlaces y una columna con video de fondo autoplay‑muted.
- **Hero**: sección a pantalla
3.786 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.786 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 y mega‑menu
- 2.1 Hero video + título + botón CTA
- 3.1 Servicios en tarjetas 3‑columna
- 4.1 Portfolio destacado en grid 3‑columna
- 5.1 Testimonios con slider horizontal
- 6.1 CTA secundario con formulario breve
- 7.1 Footer institucional
ABOUT
- 1.1 Header persistente
- 2.1 Hero estática con foto de estudio
- 3.1 Texto institucional y misión
- 4.1 Equipo en cards
- 5.1 CTA contacto
- 6.1 Footer
SERVICES
- 1.1 Header
- 2.1 Hero con imagen de fondo
- 3.1 Lista de servicios en columna doble
- 4.1 Caso de estudio destacado
- 5.1 CTA solicitud de presupuesto
- 6.1 Footer
PORTFOLIO
- 1.1 Header
- 2.1 Filtro por categorías
- 3.1 Galería masonry con hover overlay
- 4.1 Modal de proyecto individual
- 5.1 CTA ver más proyectos
- 6.1 Footer
BLOG
- 1.1 Header
- 2.1 Lista de artículos con tarjetas
- 3.1 Sidebar con categorías y newsletter
- 4.1 Paginación
- 5.1 Footer
CONTACT
- 1.1 Header
- 2.1 Formulario de contacto en dos columnas
- 3.1 Mapa incrustado
- 4.1 Información de oficina y horario
- 5.1 Footer
PROMPTS RELACIONADOS · ARQUITECTURA
