COMERCIO ELECTRÓNICO · Claude Design · HTML

Luna Boutique — Prompt de diseño web para Claude AI

★★★★★4,9 2.997 descargas

Tienda online de moda y accesorios Diseño cuidadoso para cada detalle.

↓ 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 Luna Boutique, tienda online de moda y accesorios, usando solo HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Reproduce el diseño visual del sitio original sin copiar texto ni imágenes, manteniendo los siguientes patrones y estructuras:

- Paleta de colores: #1A1A1A (fondo principal), #FFFFFF (texto), #E63946 (acentos rojo), #F1FAEE (gris claro), #A8DADC (verde pastel).
- Tipografía: "Inter", sans-serif para cuerpo y "Playfair Display", serif para títulos.
- Header fijo con logo a la izquierda, menú horizontal (Home, About, Work, Shop, Blog, Contact) y botón de carrito que abre un modal con lista de productos, subtotal y botones "Continuar al checkout" y "Ver todo".
- Hero full‑width con imagen de fondo difu

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

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

3.790 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ú y carrito modal
1.2 Hero con imagen grande, título y botón CTA
1.3 Grid de colecciones destacadas (4 columnas)
1.4 Carrusel de productos resaltados
1.5 Tarjetas de testimonios con foto y cita
1.6 Listado de últimas entradas del blog
1.7 Footer con navegación secundaria, datos de contacto y redes

ABOUT

2.1 Header reutilizado
2.2 Hero interno con imagen de fondo y texto introductorio
2.3 Texto descriptivo con imagen a la izquierda
2.4 Equipo en tarjetas con foto y rol
2.5 Valores en iconos y texto
2.6 Footer

WORK

3.1 Header
3.2 Galería tipo masonry de proyectos
3.3 Filtro por categoría
3.4 Detalle de proyecto modal
3.5 Footer

SHOP

4.1 Header
4.2 Barra de filtros y ordenación
4.3 Grid de productos (3 columnas) con imagen, nombre, precio y botón "Añadir"
4.4 Paginación
4.5 Footer

PRODUCT DETAIL

5.1 Header
5.2 Galería de imágenes del producto
5.3 Información del producto: título, descripción, precio, selector de talla/color, cantidad y botón "Agregar al carrito"
5.4 Sección de productos relacionados en carrusel
5.5 Footer