COMERCIO ELECTRÓNICO · Claude Design · HTML

Tienda Perla — Prompt de diseño web para Claude AI

★★★★★4,7 2.683 descargas

Comercio electrónico de productos boutique Tienda online para descubrir piezas únicas.

↓ 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 Tienda Perla, un comercio electrónico de productos boutique. Utiliza únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Emplea la siguiente paleta de colores: #1A202C (gris oscuro), #2D3748 (gris medio), #4A5568 (gris claro), #F6E05E (amarillo cálido), #FFFFFF (blanco). Tipografía: Inter (Google Fonts) para títulos y texto, peso 600 para encabezados y 400 para cuerpo.

Estructura y requisitos:
- **Header** fijo, fondo blanco, sombra ligera. Logo a la izquierda (texto Tienda Perla). Menú horizontal con enlaces: Home, Productos, Blog, Contacto. Ícono de carrito a la derecha que abre un modal.
- **Modal carrito** centrado, overlay semitransparente. Lista de productos con imagen, nombre, variante, cantidad editable,

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

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

3.879 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 con logo, menú principal y botón de carrito modal
1.2 Hero con fondo de imagen, título destacado y botón CTA
1.3 Bloque de categorías en cuadrícula con iconos
1.4 Galería de productos destacados en tarjetas
1.5 Sección de testimonios con carrusel sencillo
1.6 Footer con información de contacto, enlaces útiles y redes sociales

PRODUCTOS

2.1 Cabecera reutilizada
2.2 Lista de productos en grid, filtro y paginación
2.3 Detalle de producto con galería, descripción, selector de variantes y botón "Añadir al carrito"
2.4 Footer reutilizado