COMERCIO ELECTRÓNICO · Claude Design · HTML

Tienda Atolón — Prompt de diseño web para Claude AI

★★★★★4,6 2.689 descargas

Tienda online de diseño y accesorios creativos Diseño que inspira tu día a día.

↓ 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 Atolón" (tiendaatolon.com), un ecommerce de diseño y accesorios creativos. Utiliza únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. El proyecto debe reproducir la estructura y estilo visual del sitio analizado, sin copiar textos ni imágenes originales.

Paleta de colores: #1F2937 (gris oscuro), #3B82F6 (azul vibrante), #F3F4F6 (gris claro), #FFFFFF (blanco), #D1D5DB (gris medio).
Tipografía: "Inter", sans-serif para cuerpo y títulos; "Playfair Display" para encabezados hero.

Estructura requerida:
1. **Header** fijo con logo (texto estilizado "Lúmina"), menú de navegación (Inicio, Productos, Servicios, Blog, Contacto), icono de carrito que muestra cantidad y abre modal de carrito, y versión responsive 

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

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

4.621 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, menú, carrito y versión móvil
1.2 Hero con título, subtítulo y botón principal
1.3 Bloque de características en tres columnas con iconos
1.4 Galería de productos destacados en rejilla responsive
1.5 Sección de servicios con imágenes y texto alineado
1.6 Últimas entradas del blog en formato tarjetas
1.7 Formulario de contacto con campos básicos
1.8 Pie de página con enlaces rápidos, redes sociales y datos de contacto

PRODUCTOS

2.1 Encabezado interno con breadcrumb
2.2 Lista de productos en rejilla, cada uno con imagen, nombre, precio y botón "Añadir al carrito"
2.3 Filtros laterales (categorías, rango de precios)
2.4 Paginación inferior