COMERCIO ELECTRÓNICO · Claude Design · HTML

Market Zafiro — Prompt de diseño web para Claude AI

★★★★★4,7 2.451 descargas

Venta online de cosmética natural Descubre tu rutina de cuidado.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea un sitio web estático usando HTML, Tailwind CDN y JavaScript vanilla (un solo archivo) que reproduzca el diseño y la estructura del sitio descrito. Marca ficticia: Market Zafiro (venta online de cosmética natural). Dominio: marketzafiro.com. Paleta de colores: #1A7F3C (verde principal), #FFFFFF (blanco), #F5F5F5 (gris claro), #333333 (texto oscuro), #E0E0E0 (borde). Tipografía: encabezados con 'Poppins', cuerpo con 'Inter', ambas importadas desde Google Fonts. 

Estructura:
- Header fijo con logo (svg placeholder), menú principal (Home, Productos, Sobre Nosotros, Contacto), botón destacado "Solicita consulta" y carrito de compra con contador.
- Hero en sección .hero-section con fondo #1A7F3C, título grande centrado, subtítulo y botón CTA "Explorar colección".
- Bloque de ventajas: tre

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

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

3.639 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ú principal, botón de consulta y carrito
1.2 Hero verde con título grande y llamado a la acción
1.3 Bloque de ventajas en tres columnas con iconos
1.4 Grid de productos destacados con imágenes y botones "Añadir al carrito"
1.5 Sección de reseñas con carrusel de testimonios
1.6 Formulario de suscripción al boletín
1.7 Footer con enlaces institucionales, redes sociales y datos de contacto

PRODUCTOS

2.1 Header idéntico al home
2.2 Banner de categoría con filtro y buscador
2.3 Lista de productos en cuadrícula, cada uno con imagen, nombre, precio y botón
2.4 Paginación
2.5 Footer idéntico al home