NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea el sitio completo para la marca ficticia **Cúspide Arquitectura** (cuspidearquitectura.com). El proyecto debe ser un único archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla (sin build tools). Reproduce fielmente la estructura y estilo del sitio original analizado, pero usando contenido nuevo en español de España.
**Alcance**
- Header fijo con logo SVG, botón de menú hamburguesa que abre un mega‑menu con enlaces numerados (Home, About, Services, Portfolio, Blog, Contact) y notas de autoría. Incluye enlace de email visible en la barra.
- Mega‑menu se desliza desde la izquierda, cubre toda la altura, y muestra números "01/" etc. Cada enlace tiene una línea inferior animada al hover.
- Hero principal: tres columnas de títulos superpuestos (ej. "Modelando", "Horizontes",
4.212 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.212 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, botón de menú y enlace de email
- 1.2 Mega‑menu con enlaces numerados y notas de autoría
- 1.3 Hero: títulos superpuestos, frase descriptiva y botón "Start Project"
- 1.4 Ticker de imágenes repetidas en scroll horizontal
- 1.5 Bloque "About": título con marca visual, texto de confianza y grid de imágenes
- 1.6 Estadísticas: tres items con icono, número animado y descripción
ABOUT
- 2.1 Header idéntico al Home
- 2.2 Hero interno con título y subtítulo
- 2.3 Texto descriptivo y foto de cabecera
- 2.4 Grid de valores y equipo
SERVICES
- 3.1 Header común
- 3.2 Lista de servicios con iconos y breves descripciones
- 3.3 CTA de contacto
PORTFOLIO
- 4.1 Header común
- 4.2 Galería de proyectos en cuadrícula responsive
- 4.3 Filtro por categoría
BLOG
- 5.1 Header común
- 5.2 Lista de artículos con imagen, título y extracto
- 5.3 Sidebar con categorías y newsletter
CONTACT
- 6.1 Header común
- 6.2 Formulario de contacto con campos nombre, email, mensaje
- 6.3 Mapa incrustado y datos de ubicación
PROMPTS RELACIONADOS · ARCHITECTURE
