NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crear una web para la marca ficticia "Arquitectura Nova" (arquitecturanova.com) usando sólo HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. Reproducir el diseño analizado:
- Paleta de colores: fondo principal #0D0D0D, texto principal #FFFFFF, acentos #B3B3B3 y #FFB800.
- Tipografía: "Inter" para cuerpo y "Playfair Display" para títulos, importadas desde Google Fonts.
- Header: barra superior fija, logo central (placeholder), menú horizontal con enlaces Home, About, Project, News, botón de contacto en esquina derecha, icono hamburger para móvil que despliega panel lateral con información de contacto y menú.
- Hero: sección a pantalla completa con fondo de imagen de arquitectura, overlay oscuro (rgba 0,0,0,0.6), título grande con animación de texto tipo slide ("Más que
3.634 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.634 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ú principal y botón de contacto
- 1.2 Hero full‑screen con título animado y fondo de foto de obra
- 1.3 Bloque “Sobre nosotros” con subtítulo, título descriptivo y botón interno
- 1.4 Galería en movimiento con imágenes y vídeo de proyectos
- 1.5 CTA fijo en esquina inferior derecha “Solicita una cotización”
- 1.6 Footer con información de contacto, redes y menú secundario
ABOUT
- 2.1 Header reutilizado
- 2.2 Imagen de encabezado con superposición de texto
- 2.3 Texto narrativo sobre la filosofía del estudio
- 2.4 Equipo destacado en grid de tarjetas
- 2.5 CTA a proyectos
PROJECT
- 3.1 Header reutilizado
- 3.2 Galería filtrable de proyectos con hover y lightbox
- 3.3 Detalle de proyecto con carrusel de imágenes y vídeo
- 3.4 Información técnica y cliente
- 3.5 CTA contacto
NEWS
- 4.1 Header reutilizado
- 4.2 Lista de artículos con imagen, título y extracto
- 4.3 Paginación simple
- 4.4 Sidebar con newsletter y redes
CONTACT
- 5.1 Header reutilizado
- 5.2 Formulario de contacto con campos básicos
- 5.3 Mapa incrustado y datos de oficina
- 5.4 Footer estándar
PROMPTS RELACIONADOS · EDUCACIÓN
