COMERCIO ELECTRÓNICO · Claude Design · HTML

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

★★★★★4,8 4.281 descargas

Tienda online de textiles y productos de decoración Textiles que transforman espacios.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea una página web completa para la marca ficticia Lúmina Textil, tienda online de textiles y decoración, siguiendo los siguientes requisitos:
- Stack: un solo archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla inline (no frameworks ni dependencias externas).
- Paleta de colores: #1F2937 (gris oscuro), #3F4C6B (azul grisáceo), #F3F4F6 (gris claro), #E11D48 (rojo vibrante para botones/acentos), #FFFFFF (blanco).
- Tipografía: "Inter", sans-serif para títulos y cuerpo, usar Google Fonts import.
- Header fijo con logotipo (texto "Lúmina" en negrita), menú de navegación horizontal con enlaces Home, About, Products, Blog, Contact y un carrito de compras que abre un modal overlay al hacer clic. El carrito muestra lista vacía y subtotal.
- Hero sección ocupando el 100vh con fondo

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

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

4.111 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 Header con logo, menú principal y carrito modal
1.2 Hero con título, subtítulo y botón CTA
1.3 Bloque de ventajas con íconos y texto breve
1.4 Galería de productos destacados en grid responsive
1.5 Sección de testimonios con carrusel simple
1.6 Llamada a la acción para suscripción al boletín
1.7 Footer con enlaces de navegación, contacto y redes sociales

ABOUT US

2.1 Header igual que en Home
2.2 Hero interno con imagen y texto descriptivo
2.3 Historia de la marca en dos columnas
2.4 Equipo destacado con fotos y breves biografías
2.5 Valores y misión en cards
2.6 Footer igual que en Home

PRODUCTS

3.1 Header igual que en Home
3.2 Filtro de categorías y barra de búsqueda
3.3 Grid de productos con imagen, nombre, precio y botón “Añadir al carrito”
3.4 Paginación inferior
3.5 Footer igual que en Home

PRODUCT DETAIL

4.1 Header igual que en Home
4.2 Galería de imágenes del producto con carrusel
4.3 Información del producto: título, precio, descripción, selector de variantes
4.4 Botón “Añadir al carrito” y sección de productos relacionados
4.5 Footer igual que en Home