NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Estética Zafiro, tienda online de cosmética, usando HTML puro, Tailwind CSS CDN y JavaScript vanilla en un único archivo.\n\n- Paleta de colores: #F5F5F5 (fondo), #1A1A1A (texto principal), #C2185B (acentos / botones), #E0E0E0 (bordes y fondos secundarios), #FFFFFF (card backgrounds).\n- Tipografía: "Inter" para títulos y párrafos, peso 400‑700, cargada desde Google Fonts.\n\nEstructura del sitio (stack):\n1. **Header** (sticky) con logo de texto "Estética Zafiro", menú horizontal (HOME, ABOUT, SERVICES, PRODUCTS, CONTACT), botón de carrito con contador.\n2. **Home**\n 2.1 Hero: fondo degradado suave, título grande "Descubre la esencia de tu piel", subtítulo, botón primario "Explorar productos" que ancla a la sección de catálogo.\n 2.2
4.148 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.148 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 Barra de navegación fija con logo, enlaces y botón del carrito
- 2.1 Hero con título destacado, subtítulo y botón principal
- 3.1 Sección de valores "WE ARE" con texto introductorio
- 4.1 Galería de productos destacados en cuadrícula
- 5.1 Testimonios rotativos
- 6.1 Llamado a la acción a suscripción al newsletter
- 7.1 Footer con enlaces institucionales, redes sociales y datos de contacto
ABOUT
- 1.1 Header heredado
- 2.1 Imagen de portada con título "Sobre nosotros"
- 3.1 Texto descriptivo de la marca y su historia
- 4.1 Equipo en tarjetas con foto y rol
- 5.1 Footer heredado
SERVICES
- 1.1 Header heredado
- 2.1 Lista de servicios en tarjetas con íconos
- 3.1 Sección de beneficios con columnas de texto e imagen
- 4.1 CTA para reservar cita
- 5.1 Footer heredado
PRODUCTS
- 1.1 Header heredado
- 2.1 Filtro de categorías y barra de búsqueda
- 3.1 Grid de productos con imagen, nombre, precio y botón "Añadir"
- 4.1 Paginación
- 5.1 Footer heredado
CART
- 1.1 Modal del carrito con lista de ítems, cantidades y precios
- 2.1 Subtotal y botones "Continuar" y "Pagar"
- 3.1 Footer reducido con enlaces de ayuda
CHECKOUT
- 1.1 Formulario de datos de facturación y envío
- 2.1 Resumen de pedido
- 3.1 Botón de confirmación de compra
- 4.1 Footer reducido
PROMPTS RELACIONADOS · BEAUTY / SPA
