COMERCIO ELECTRÓNICO · Claude Design · HTML

Lúmina Shop — Prompt de diseño web para Claude AI

★★★★★4,6 383 descargas

Comercio electrónico de productos de diseño y accesorios Detalles que inspiran el día a día.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea un sitio web completo para la marca ficticia "Lúmina Shop" (dominio lumina-shop.com) que sea una tienda online elegante y moderna. Usa HTML estático en un solo archivo, Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks). Reproduce la siguiente arquitectura y UI basada en patrones del HTML analizado:

**Paleta de colores**: #1F2937 (gris oscuro), #3B82F6 (azul primario), #F3F4F6 (gris claro), #FFFFFF (blanco), #9CA3AF (gris medio).
**Tipografía**: Inter (Google Font) para todo el texto; títulos en peso 700, cuerpo en 400.

**Header (sticky)**: barra superior fija con logo a la izquierda, íconos de redes (Twitter, LinkedIn, Instagram, Dribbble) a la derecha y botón de carrito que muestra número de artículos. Al hacer clic, abre un modal tipo overlay con lista de productos, canti

φττα≥≡Σ← µµ♦◙≤²≥ ╬▓∞╦Ω╩α ═↔↔φΦ╩╬ ╣σ╚■♠╣→ ◙±╦╔π▒┤ ▓∞╫τß└
 ■→ε╗┼α♠ ■±∞↔╩♦↔ ╗•♦♦▀◙■ ╗≡♦╗π√α ┬╦φµ→╡└ ░π╬╔±Ωε φ╬Ω■║
↔ ═║│↔╚╗╠ ╫┴╩Ω♠σ♠ ∞◙─╡≥╣♣ αδß┬µπ│ ╡±░└╩◙╩ ╠╦─├■π√ ↓╣╬╡
■┬ ─≥─Σ±ⁿ↔ ß║φ┬τ╡∞ ░σ╔∞▓┬▒ │▀α█╦╠• ╚Σ²█²╚├ ═♦▒←♠√ε π┴∞
▒├│ █≡Ωε╦→Ω ▀↑Φ│≡±Φ └ε♣σ│┼↔ ←♣┤≡┬░≡ ∞░╔─α║φ ∞┤─▒♠╩╩ σ╩
∞δ•▀ ┴↔│←┤░µ ║•±≤┤┼α µ≤╚→←╫≤ τ╠Φ∞┬╬ε →φ∩╗→ß├ ╫┴┴┴◘♣├ ²
≥┤↔◘♦ ≥▒╗┬∞╠δ ╩└↓█τΣπ ↑Σ╡◙┬♦╣ ♠┤█Ω├τ╬ ²≡█↓╦╔╫ ⁿπ▒π┤╠√ 
≤∩│•♦♦ ■√√╣╬◘Φ ♦▓ΩΣ╝τ∩ ╔╬░∞♣ⁿ┬ ♣▀σ┼═▓→ ε┼♠²↓↑π ±╬═╬♦╗╔
ⁿ╩╗■├╝┼ ♠ⁿ▀Φ→Ω╠ █α≤═╝┴┬ ╚◙δ♦◙µ╔ →∩┬◘─φα ┼←α↓φΩε ◙═≤←→░
 ║α╠║█≥└ ╣σ╝Φ♦←² ²├♠╫╗∩┼ ╝╗²║ⁿµΩ Σ╩▓φ◙╠╝ ╫→ε▀■µ─ ╠╗↑◙≥
├ ╝∞ε▓∩ε→ →╦╫╫≥•ε ╝╣╝═╠─▀ │╣┴±┼←ß ◙µß♦²╗² ≥♦±π┬◙√

4.737 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo

4.737 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 sticky con logo, íconos sociales y botón de carrito
1.2 Hero principal con título, subtítulo y CTA
1.3 Bloque de ventajas (icono + texto) en 3 columnas
1.4 Galería de productos (tarjetas con imagen, nombre y precio)
1.5 Testimonios cliente (carrusel de 3 fichas)
1.6 Footer con información de contacto, enlaces rápidos y redes sociales

PRODUCTOS

2.1 Cabecera idéntica a Home
2.2 Banner interno con título de categoría
2.3 Filtros laterales (categorías, precios)
2.4 Grid de productos con paginación
2.5 Footer igual que Home

DETALLE DE PRODUCTO

3.1 Cabecera sticky
3.2 Imagen principal del producto con galería secundaria
3.3 Información del producto (título, descripción, precio, selector de variantes)
3.4 Botón "Añadir al carrito"
3.5 Productos relacionados en carrusel
3.6 Footer estándar

CARRITO

4.1 Modal overlay con lista de ítems, cantidades editables y botón "Continuar al checkout"
4.2 Resumen de subtotales y botón de pago
4.3 Footer minimalista