NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Arquitectos Alba siguiendo los siguientes requisitos:
- Stack: HTML estático, Tailwind CSS vía CDN, JavaScript vanilla en un único archivo. No usar frameworks ni dependencias externas.
- Paleta de colores: #0A3D62 (azul profundo), #1E90FF (azul vibrante), #F5F5F5 (gris claro), #FFFFFF (blanco), #333333 (texto oscuro).
- Tipografía: "Inter" para títulos y textos (cargar desde Google Fonts), peso 400/600/700 según necesidad.
- Header: barra superior con teléfono (012) 345-6789 y email info@arquitectosalba.com, logo a la izquierda (placeholder SVG), menú principal con enlaces a Home, Services, Projects, About Us, Contact Us y botón de megamenú que despliega un overlay con los mismos enlaces en estilo botón con icono de flecha. Incluye icono de
3.803 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.803 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 megamenú y barra de contacto
- 1.2 Hero principal con título, subtítulo y CTA
- 1.3 Presentación breve de la firma
- 1.4 Servicios destacados en tarjetas
- 1.5 Galería de proyectos en cuadrícula
- 1.6 Contador de logros
- 1.7 Testimonios en carrusel
- 1.8 CTA de consulta
- 1.9 Footer con datos y enlaces
SERVICES
- 2.1 Header idéntico
- 2.2 Hero interior con título "Servicios"
- 2.3 Lista detallada de servicios en bloques con iconos
- 2.4 Imagen ilustrativa o vídeo
- 2.5 CTA para contactar
- 2.6 Footer
PROJECTS
- 3.1 Header
- 3.2 Hero interior "Proyectos"
- 3.3 Galería filtrable por categoría
- 3.4 Detalle de proyecto destacado
- 3.5 CTA "Ver más proyectos"
- 3.6 Footer
ABOUT US
- 4.1 Header
- 4.2 Hero interior "Sobre nosotros"
- 4.3 Equipo en tarjetas con foto y rol
- 4.4 Valores y misión en bloques
- 4.5 CTA "Únete a nuestro equipo"
- 4.6 Footer
CONTACT US
- 5.1 Header
- 5.2 Hero interior "Contacto"
- 5.3 Formulario de contacto (nombre, email, asunto, mensaje)
- 5.4 Mapa integrado
- 5.5 Información de contacto y horario
- 5.6 Footer
PROMPTS RELACIONADOS · ARCHITECTURE
