COMERCIO ELECTRÓNICO · Claude Design · HTML

LunaSilk — Prompt de diseño web para Claude AI

★★★★★4,7 1.569 descargas

Tienda online de productos de belleza y bienestar Belleza consciente para cada día.

↓ 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 LunaSilk, una tienda online de belleza y bienestar, usando solo HTML, Tailwind CSS a través del CDN y JavaScript vanilla en un único archivo. La web debe reproducir el diseño visual y la estructura del template analizado, sin copiar textos ni imágenes originales. 

**Paleta de colores** (hex):
- #1A1A1A (gris muy oscuro para fondos y texto principal)
- #F5F5F5 (gris claro para fondos secundarios)
- #8C6E58 (tonalidad oliva/terracota para botones y acentos)
- #FFFFFF (blanco)
- #D9BFA9 (beige pastel para hover y cards)

**Tipografía**: usar 'Inter' para cuerpo y 'Playfair Display' para encabezados, ambas cargadas desde Google Fonts.

**Header**: barra superior fija con mensaje promocional "Envío gratuito en EE.UU. a partir de 100 €". Logo 

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

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

4.374 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 Banner superior con mensaje promocional
1.2 Cabecera (logo, menú, botón contacto, carrito)
1.3 Hero con fondo grande y CTA principal
1.4 Tarjetas de categorías destacadas
1.5 Rejilla de productos con hover y botón "Añadir al carrito"
1.6 Testimonios en carrusel
1.7 Formulario breve de suscripción al boletín
1.8 Footer con enlaces, redes y datos de contacto

SHOP

1.1 Cabecera reutilizada
1.2 Banner interno opcional
1.3 Filtros laterales de categoría y precios
1.4 Grid de productos con paginación
1.5 Footer reutilizado

PRODUCT DETAIL

1.1 Cabecera
1.2 Imagen principal del producto con galería de miniaturas
1.3 Información del producto: nombre, descripción, precio, selector de variantes
1.4 Botón "Añadir al carrito"
1.5 Sección de productos relacionados
1.6 Footer