NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Lúmina Moda (lumina-moda.com), un comercio electrónico de ropa y accesorios, usando HTML estático con Tailwind CSS CDN y JavaScript vanilla en un único archivo. Mantén la estructura y los patrones de UI del sitio analizado:
- **Header** fijo, logo a la izquierda, menú de navegación con enlaces "Contact", dropdown "Featured" (subenlaces: New In, Bestseller, Bridal Collection, Pre‑look 2026, Collection) y "Discover" (Our Story, Blog). Añade icono de carrito a la derecha.
- **Hero** de página principal con imagen de fondo a pantalla completa, título grande, subtítulo y botón CTA "Explorar colección".
- **Bloque de categorías** en filas horizontales mostrando tarjetas con imagen, nombre y enlace.
- **Sección "Nuestra historia"** con texto a
4.115 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.115 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 Cabecera con logo, menú y carrito
- 1.2 Hero con fondo, título y botón CTA
- 1.3 Bloque de categorías destacado
- 1.4 Nuestra historia (texto + imagen)
- 1.5 Galería de productos en grid
- 1.6 Testimonios rotativos
- 1.7 Suscripción al boletín
- 1.8 Footer con información institucional
COLLECTION
- 1.1 Cabecera reutilizada
- 1.2 Banner de colección
- 1.3 Filtros lateral izquierdo
- 1.4 Grid de productos con hover
- 1.5 Paginación
- 1.6 Footer
PRODUCT DETAIL
- 1.1 Cabecera
- 1.2 Galería de imágenes del producto
- 1.3 Información del producto (nombre, descripción, selector de talla/color, botón añadir al carrito)
- 1.4 Productos relacionados en carousel
- 1.5 Footer
BLOG
- 1.1 Cabecera
- 1.2 Lista de artículos con imagen, título y extracto
- 1.3 Sidebar con categorías y suscripción
- 1.4 Footer
ABOUT US
- 1.1 Cabecera
- 1.2 Imagen hero y texto institucional
- 1.3 Equipo en cards
- 1.4 Valores en iconos
- 1.5 Footer
CONTACT
- 1.1 Cabecera
- 1.2 Formulario de contacto (nombre, email, asunto, mensaje)
- 1.3 Mapa embebido
- 1.4 Información de contacto rápida
- 1.5 Footer
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO