COMERCIO ELECTRÓNICO · Claude Design · HTML

Lumenary Studio — Prompt de diseño web para Claude AI

★★★★★4,7 2.574 descargas

Plantilla premium para tiendas online de moda y accesorios Diseña, vende y destaca tu marca con estilo.

↓ 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 *Lumenary Studio*, una marca ficticia de plantillas premium de comercio electrónico, usando HTML estático con Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Reproduce fielmente el diseño visual analizado: 
- **Paleta de colores**: #0D0D0D (negro profundo), #FFFFFF (blanco), #F4F4F4 (gris claro), #FF6600 (naranja vibrante) y acentos #CCCCCC. 
- **Tipografía**: Fuente principal "Inter" (sans-serif) para textos, "Playfair Display" para encabezados grandes. 
- **Header**: barra superior fija, logo a la izquierda, iconos sociales (X, Instagram, LinkedIn, Dribbble) en tamaño 20 px, botón de carrito con contador que abre modal. 
- **Menú hamburguesa**: círculo de 130 px con imagen rotatoria y líneas de menú animadas; al hacer click se despliega ove

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

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

4.221 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 fija con logo, íconos sociales y botón de carrito modal
1.2 Menú hamburguesa circular animado que abre overlay de navegación
1.3 Hero principal con imagen de fondo a pantalla completa y llamado a acción
1.4 Bloque de ventajas en tres columnas con iconos y texto corto
1.5 Galería de productos destacados en cuadrícula responsive
1.6 Sección de testimonios con carrusel automático
1.7 Llamado a la acción final con botón destacado
1.8 Footer con enlaces de navegación, suscripción y datos de contacto

PRODUCTS

2.1 Cabecera idéntica a la de Home
2.2 Lista de productos en grid de 4 columnas (adaptable a 2 en móvil)
2.3 Filtros laterales con categorías y rangos de precios
2.4 Botón "Añadir al carrito" con animación de incremento
2.5 Footer común

PRODUCT DETAIL

3.1 Cabecera común
3.2 Imagen principal del producto con galería de miniaturas
3.3 Información del producto: título, descripción breve, opciones (talla, color)
3.4 Precio destacado y botón "Comprar ahora"
3.5 Sección de productos relacionados en carrusel
3.6 Footer común

CART

4.1 Cabecera común
4.2 Modal de carrito emergente con lista de items, cantidades editables y botón de eliminar
4.3 Resumen de subtotal y botón de checkout
4.4 Footer común