NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático usando HTML, Tailwind CSS (CDN) y JavaScript vanilla en un solo archivo que reproduzca la estructura y estilo visual de una tienda online de belleza y spa bajo la marca ficticia Tienda Zafiro.
## Marca y contexto
- Nombre: Tienda Zafiro
- Dominio: tiendazafiro.com
- Claim: Descubre la esencia de tu rutina de belleza
- Email de contacto: hola@tiendazafiro.com
- Año: 2026
- Sector: Belleza y bienestar (spa, productos de cuidado personal)
- Categoría: Comercio electrónico
## Paleta de colores (hex)
- Primario: #5A2D82 (púrpura profundo)
- Secundario: #D4B3E0 (lavanda pastel)
- Fondo claro: #FAF9FC
- Texto oscuro: #2D2D2D
- Acento: #E87A6F (coral suave)
- Borde/Divisor: #E2E0E5
## Tipografía
- Fuente principal: "Inter", sans-serif (Google Fonts)
- Fuente secundari
5.757 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.757 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 con dropdowns y botón de carrito lateral
- 2.1 Hero grande con título, subtítulo y llamado a la acción
- 3.1 Bloque de categorías destacadas en grid de 3 columnas
- 4.1 Sección de productos en carrusel horizontal
- 5.1 Testimonios con citas y avatar
- 6.1 Newsletter con formulario simple
- 7.1 Footer con enlaces de información, redes y datos de contacto
SOLUCIONES
- 1.1 Lista de soluciones en grid con iconos y texto descriptivo
- 2.1 CTA secundaria para explorar más
SPA
- 1.1 Galería de servicios del spa en tarjetas con imágenes
- 2.1 Botón de reserva rápida
PRODUCTOS
- 1.1 Catálogo de productos con tarjetas, filtro y paginación
- 2.1 Detalle de producto con galería de imágenes y selector de variantes
BLOG
- 1.1 Lista de artículos con miniaturas y extractos
- 2.1 Sidebar con categorías y búsqueda
CONTACTO
- 1.1 Formulario de contacto con campos básicos
- 2.1 Mapa embebido y datos de localización
CARRO (sidebar)
- 1.1 Lista de productos en el carrito con foto, nombre, precio y cantidad
- 2.1 Resumen de subtotal y botón de checkout
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO