COMERCIO ELECTRÓNICO · Claude Design · HTML

Market Ámbar — Prompt de diseño web para Claude AI

★★★★★4,9 1.232 descargas

Tienda online de productos de bienestar y cuidado personal bienestar accesible 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 "Market Ámbar" (marketambar.com) usando HTML estático, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Reproduce el diseño visual y la estructura del sitio analizado: encabezado fijo con logo a la izquierda y menú de navegación con dropdowns (Home, About, Service, Pages) que se despliegan al hacer clic; hero a pantalla completa con fondo difuminado, título grande, subtítulo y botón CTA primary; sección de valores con tres columnas de icono + texto; catálogo de productos en grid de tres columnas, tarjetas con imagen, nombre, precio y botón "Añadir"; carrusel de testimonios horizontal con tarjetas de cliente; bloque de suscripción al newsletter con input email y botón; footer oscuro con cuatro columnas (enlaces de navegación, rec

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

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

2.987 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 barra de navegación fija y dropdowns
2.1 Hero principal con imagen de fondo, título destacado y botón CTA
3.1 Sección de valores (iconos + texto)
4.1 Catálogo de productos en grid de 3 columnas
5.1 Testimonios en carrusel
6.1 Newsletter subscription
7.1 Footer con enlaces, información de contacto y redes sociales

PRODUCTOS

1.1 Header (reutilizado)
2.1 Banner interno con título de la categoría
3.1 Filtro y ordenación lateral
4.1 Grid de productos con tarjetas (imagen, nombre, precio, botón añadir)
5.1 Paginación
6.1 Footer (reutilizado)

DETALLE DE PRODUCTO

1.1 Header
2.1 Galería de imágenes del producto
3.1 Información del producto (título, descripción, precio, selector de cantidad, botón comprar)
4.1 Sección de productos relacionados (grid)
5.1 Footer