NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Construmax Studio" (arquitectura y construcción) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. El diseño debe replicar la estructura y el estilo visual del template analizado: barra lateral fija a la izquierda con logo SVG, menú de enlaces principales, bloque de dirección, email y enlaces sociales con iconos SVG; hero a pantalla completa con fondo de imagen de obra, título grande en tipografía sans‑serif (Inter) y botón CTA primario con efecto hover; sección de servicios en una cuadrícula 4‑col de tarjetas con iconos lineales y texto centrado; galería de proyectos en grid 3‑col con overlay que muestra nombre del proyecto al pasar el cursor; bloque de estadísticas con contadores animados (números grandes, colo
3.822 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.822 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 Barra lateral fija con logo, menú principal, datos de contacto y enlaces sociales
- 1.2 Hero principal con fondo a pantalla completa, título destacado y botón CTA
- 1.3 Cuadrícula de servicios (4 tarjetas) con iconos y breve descripción
- 1.4 Galería de proyectos destacados (grid 3‑col) con hover overlay
- 1.5 Estadísticas clave (contadores animados)
- 1.6 Últimas entradas del blog (cards horizontales)
- 1.7 Formulario de contacto rápido con campos básicos
- 1.8 Footer con dirección, email, enlaces rápidos y redes sociales
ABOUT US
- 2.1 Sección encabezado con imagen a la izquierda y texto institucional a la derecha
- 2.2 Timeline de hitos de la empresa
- 2.3 Equipo: tarjetas de miembros con foto, nombre y puesto
- 2.4 Valores: bloque de iconos con textos cortos
- 2.5 Footer (reutilizar)
SERVICES
- 3.1 Lista de servicios en tarjetas con icono, título y descripción breve
- 3.2 Proceso de trabajo: pasos numerados con ilustraciones
- 3.3 CTA para solicitar presupuesto
- 3.4 Footer
PROJECTS
- 4.1 Galería filtrable de proyectos (categorías) en layout masonry
- 4.2 Cada proyecto con overlay que muestra nombre y tipo
- 4.3 Paginación simple
- 4.4 Footer
BLOG
- 5.1 Lista de artículos en cards con imagen, título, extracto y fecha
- 5.2 Barra lateral con categorías y búsqueda
- 5.3 Footer
CONTACT US
- 6.1 Formulario completo (nombre, email, teléfono, mensaje)
- 6.2 Mapa embebido de ubicación
- 6.3 Información de contacto ampliada
- 6.4 Footer
PROMPTS RELACIONADOS · ARQUITECTURA
