NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **LumenVeil** (venta online de gafas inteligentes) usando **un único archivo HTML** que incluya Tailwind CSS via CDN y JavaScript vanilla (sin frameworks). Reproduce fielmente la estructura y estilo del siguiente diseño original, pero con contenido totalmente nuevo y en español de España.
### Alcance
- **Header**: barra fija con logo (texto "LumenVeil" en fuente sans‑serif), menú colapsable para móviles, enlaces: Home, Productos, Sobre Nosotros, Contacto. Botón CTA negro "Comprar ahora" a la derecha.
- **Home** con los siguientes bloques numerados:
1. **Hero**: fondo neutro gris claro (#F5F5F5), título grande (font **Inter**, weight 800, 4rem, color #111111), subtítulo (Inter 400, 1.25rem, #555555) y dos botones: negro sólido y blanco co
4.427 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.427 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 con logo y menú colapsable
- 1.2 Hero principal con título, subtítulo y dos botones CTA
- 1.3 Slider de imágenes de productos (carrusel)
- 1.4 Área de CTA secundaria con botón blanco
- 1.5 Footer con enlaces institucionales, redes y contacto
PRODUCTOS
- 2.1 Grid de tarjetas de producto con imagen, nombre y botón "Ver detalle"
- 2.2 Filtros laterales (categorías, precios)
- 2.3 Paginación inferior
DETALLE DE PRODUCTO
- 3.1 Galería de imágenes con miniaturas
- 3.2 Información del producto (título, descripción, características)
- 3.3 Selector de cantidad y botón "Añadir al carrito"
- 3.4 Sección de productos relacionados (slider)
- 3.5 Footer reutilizado
CARRITO
- 4.1 Tabla de resumen de artículos (imagen, nombre, precio, cantidad)
- 4.2 Resumen de compra y botón "Proceder al pago"
- 4.3 Footer reutilizado
PÁGINA DE CONTACTO
- 5.1 Formulario de contacto (nombre, email, mensaje)
- 5.2 Mapa incrustado
- 5.3 Información de contacto y enlaces a redes
- 5.4 Footer reutilizado
PROMPTS RELACIONADOS · LMS / CURSOS ONLINE
