NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea el tema completo de un sitio web corporativo para la marca ficticia **LumenArq** (estudio de arquitectura). Utiliza **HTML estático**, **Tailwind CSS CDN** y **JavaScript vanilla** en un solo archivo. Incluye la paleta de colores: #0D1B2A (azul marino profundo), #1B263B (gris azulado), #415A77 (azul acero), #778DA9 (gris pálido) y #E0E1DD (blanco grisáceo). Tipografía: **Inter** para títulos y **Roboto** para cuerpo.
**Estructura y componentes**
- **Header**: barra fija, logo a la izquierda, enlaces Home, About, Projects, Services, Blog, Contact a la derecha; mega‑menu bajo "Pages" con enlaces a todas las secciones internas, botón destacado "Contact Us" con fondo animado. Icono de carrito a la derecha con badge que muestra número de items.
- **Hero**: sección a pantalla completa, fo
4.941 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.941 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 de navegación fija con logo, enlaces principales y mega‑menu desplegable
- 1.2 Botón de carrito lateral con contador
- 1.3 Hero principal con título, subtítulo y botón de contacto
- 1.4 Bloque de valores/servicios con iconos y breves descripciones
- 1.5 Galería de proyectos destacados en grid responsive
- 1.6 Testimonios rotativos con foto y cita
- 1.7 Llamado a la acción final con formulario breve
- 1.8 Footer con información de contacto, enlaces rápidos y redes sociales
ABOUT
- 2.1 Cabecera con imagen de fondo y título
- 2.2 Texto de misión y visión en dos columnas
- 2.3 Equipo de profesionales con fotos y breves biografías
- 2.4 Valores de la firma en tarjetas
- 2.5 Footer común
PROJECT
- 3.1 Cabecera de proyecto con gran imagen hero
- 3.2 Descripción del proyecto y retos
- 3.3 Galería de imágenes en carrusel
- 3.4 Datos técnicos en tabla
- 3.5 Testimonio del cliente
- 3.6 Footer común
SERVICE
- 4.1 Lista de servicios con iconos
- 4.2 Detalle de cada servicio en sección expandible
- 4.3 CTA para solicitar presupuesto
- 4.4 Footer común
BLOG
- 5.1 Grid de entradas del blog con imagen, título y extracto
- 5.2 Sidebar con categorías y últimos posts
- 5.3 Footer común
CONTACT
- 6.1 Formulario de contacto completo
- 6.2 Mapa integrado
- 6.3 Información de contacto y horarios
- 6.4 Footer común
PROMPTS RELACIONADOS · EDUCACIÓN
