NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **LumenArtes** (agencia digital) usando **HTML estático**, **Tailwind CSS vía CDN** y **JavaScript vanilla** en un único archivo. El proyecto debe reproducir fielmente los patrones UI del sitio analizado:
- **Header**: barra superior fija, logo a la izquierda, enlaces a "Diseño", "Ubicación" y botón de carrito con contador. Menú lateral ocultable (hamburguesa) que muestra los mismos enlaces y un enlace de cierre.
- **Hero**: sección full‑width con fondo neutro, título grande en tipografía sans‑serif (inter, 4rem), subtítulo y botón CTA.
- **Servicios**: grid de 3 columnas, cada tarjeta con ícono SVG, título y breve descripción. Hover: ligera elevación y sombra.
- **Proyectos**: galería de tarjetas de imagen, 4 columnas en escritorio, 2
4.102 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.102 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 superior con logo, enlaces a secciones y botón de carrito
- 1.2 Menú lateral ocultable con enlaces a páginas principales
- 1.3 Hero con título destacado y llamada a acción
- 1.4 Bloque de servicios en tres columnas con iconos
- 1.5 Galería de proyectos con tarjetas hover
- 1.6 Contador de métricas (clientes, proyectos, años)
- 1.7 Testimonios en carrusel simple
- 1.8 Footer con logo, enlaces rápidos y datos de contacto
SERVICIOS
- 2.1 Encabezado de página y descripción breve
- 2.2 Lista de servicios en tarjetas con icono y texto
- 2.3 Llamada a la acción para contactar
PROYECTOS
- 3.1 Galería tipo grid con filtro por categoría
- 3.2 Modal emergente al hacer clic en una tarjeta
- 3.3 Botón para ver caso completo
SOBRE NOSOTROS
- 4.1 Historia de la agencia y valores
- 4.2 Equipo en tarjetas con foto y función
- 4.3 Comentarios de clientes
CONTACTO
- 5.1 Formulario de contacto (nombre, email, mensaje)
- 5.2 Mapa embed de ubicación
- 5.3 Información de contacto y redes sociales
PROMPTS RELACIONADOS · AGENCIA DIGITAL
