NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crear un sitio web completo para la marca ficticia **Arcómeta** (consultoría de arquitectura y urbanismo sostenible) usando **HTML estático**, **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo. Incluir:
- Paleta de colores: #ffffff (blanco), #111111 (negro), #1E7F3C (verde bosque), #F2F2F2 (gris claro) y #E0E0E0 (gris medio) para fondos y acentos.
- Tipografía: "Inter" para títulos y cuerpo, peso 400‑600, importada desde Google Fonts.
- **Header** fijo con logo a la izquierda, número de teléfono y email a la derecha, y botón de megamenú (icono hamburguesa). Al hacer click, desplegar overlay **mega‑menú** con enlaces a Home, Servicios, Proyectos, Sobre Nosotros, Contacto, usando botones con icono de flecha doble (como en el original). Incluir botón de cierre (cruz).
- **Hero
3.942 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.942 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 Encabezado fijo con logo, datos de contacto y botón de megamenú
- 1.2 Mega‑menú overlay con enlaces a todas las páginas principales
- 1.3 Sección hero con título, subtítulo y botón principal
- 1.4 Bloque de servicios en tarjetas con icono y breve descripción
- 1.5 Galería de proyectos tipo grid con hover overlay
- 1.6 Área de cifras clave (contadores) de experiencia
- 1.7 Testimonios rotativos en carrusel
- 1.8 Llamada a la acción secundaria con formulario breve
- 1.9 Pie de página con enlaces rápidos, redes sociales y datos de contacto
SERVICIOS
- 1.1 Encabezado simple con título de página y breadcrumb
- 1.2 Lista de servicios detallada en columnas
- 1.3 Imagen ilustrativa a la derecha del texto
- 1.4 CTA para solicitar presupuesto
- 1.5 Footer común
PROYECTOS
- 1.1 Encabezado con filtro de categorías
- 1.2 Grid de proyectos con tarjeta de imagen y título
- 1.3 Lightbox al hacer clic
- 1.4 Footer común
ABOUT US
- 1.1 Encabezado con título y foto del equipo
- 1.2 Texto descriptivo de la filosofía
- 1.3 Valores en bloques icónicos
- 1.4 CTA a contacto
- 1.5 Footer común
CONTACT US
- 1.1 Encabezado con título y subtítulo
- 1.2 Formulario de contacto (nombre, email, mensaje)
- 1.3 Información de contacto en columna lateral
- 1.4 Mapa incrustado
- 1.5 Footer común
PROMPTS RELACIONADOS · ARQUITECTURA
