NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Estética Rubí" (esteticarubi.com) usando exclusivamente HTML estático en un solo archivo, Tailwind CSS vía CDN y JavaScript vanilla. Emplea la siguiente paleta de colores: #FFFFFF (blanco), #F5F5F5 (gris muy claro), #D9C2FF (lavanda suave), #5A2A83 (púrpura oscuro), #000000 (negro). Tipografía: "Inter" para títulos y párrafos, peso 400‑700, importada desde Google Fonts.
Estructura y requisitos:
- **Top bar** fija en la parte superior con mensaje "Envío gratuito en pedidos superiores a 50€" (texto gris sobre fondo lavanda).
- **Header** con logo (texto Estética Rubí en púrpura oscuro), botón hamburguesa que despliega el menú lateral (Home, Productos, Sobre Nosotros, Contacto). Incluye iconos de búsqueda y carrito a la derecha. El carrito
3.989 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.989 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 superior con mensaje promocional
- 1.2 Cabecera con logo, menú hamburguesa, buscador, icono de carrito
- 1.3 Modal de carrito con lista de productos y resumen
- 1.4 Hero con título, subtítulo y llamada a la acción
- 1.5 Galería de productos destacados en grid responsive
- 1.6 Sección de beneficios con iconos e información
- 1.7 Testimonios en carrusel simple
- 1.8 Llamada a suscripción al newsletter con imagen lateral
- 1.9 Footer con enlaces útiles, redes sociales y datos de contacto
PRODUCTOS
- 1.1 Encabezado común (heredado de home)
- 1.2 Grid de productos con filtros y paginación
- 1.3 Footer común
PRODUCTO DETALLE
- 1.1 Encabezado común
- 1.2 Imagen principal del producto y galería secundaria
- 1.3 Descripción, precio y selector de variantes
- 1.4 Botón de añadir al carrito
- 1.5 Sección de productos relacionados
- 1.6 Footer común
CARRITO
- 1.1 Encabezado común
- 1.2 Listado de artículos en el carrito con edición de cantidad
- 1.3 Resumen de subtotal y botón de checkout
- 1.4 Footer común
CHECKOUT
- 1.1 Encabezado común
- 1.2 Formulario de datos de facturación y envío
- 1.3 Resumen del pedido y método de pago
- 1.4 Botón de confirmar compra
- 1.5 Footer común
ABOUT
- 1.1 Encabezado común
- 1.2 Texto institucional y misión
- 1.3 Equipo con fotos y bios
- 1.4 Footer común
CONTACTO
- 1.1 Encabezado común
- 1.2 Formulario de contacto y mapa integrado
- 1.3 Footer común
PROMPTS RELACIONADOS · BEAUTY / SPA
