NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Glow Rubí** (cosmética natural) usando **HTML**, **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo. El proyecto debe reproducir fielmente la estructura y estilo del sitio analizado, sin copiar texto original.
**Alcance**:
- Página principal (**index.html**) con todas las secciones listadas en 'secciones'.
- Páginas internas: shop.html, product.html, about.html, blog.html, contact.html, cart.html (lateral). Cada una reutiliza header y footer.
- Header sticky con barra superior anunciando "Envío gratuito a partir de 50 €", logo (texto Glow Rubí), menú principal (Home, Sobre Nosotros, Tienda, Blog, Contacto), buscador expandible y botón de carrito que abre una barra lateral.
- Carrito lateral interactivo: muestra lista de pr
4.459 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.459 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 de envío gratuito
- 1.2 Header con logo, menú principal, buscador y carrito lateral
- 1.3 Hero con título, subtítulo y botón CTA
- 1.4 Grid de productos destacados
- 1.5 Bloque de categorías en columnas
- 1.6 Slider de testimonios
- 1.7 Formulario de suscripción al newsletter
- 1.8 Footer con enlaces, redes y contacto
SHOP
- 1.1 Header reutilizado
- 1.2 Lista de productos en grid con filtros
- 1.3 Paginación inferior
- 1.4 Footer reutilizado
PRODUCT DETAIL
- 1.1 Header reutilizado
- 1.2 Galería de imágenes del producto
- 1.3 Información del producto: nombre, precio, selector de variante, botón "Añadir al carrito"
- 1.4 Sección de descripción y beneficios
- 1.5 Productos relacionados en carrusel
- 1.6 Footer reutilizado
CART (sidebar)
- 1.1 Lista de artículos con miniatura, nombre, variante y cantidad
- 1.2 Subtotal y botón de checkout
- 1.3 Estado vacío con mensaje y CTA a tienda
ABOUT
- 1.1 Header reutilizado
- 1.2 Texto institucional y valores de marca
- 1.3 Imagen o video institucional
- 1.4 Equipo en tarjetas
- 1.5 Footer reutilizado
BLOG
- 1.1 Header reutilizado
- 1.2 Lista de artículos con imagen, título y extracto
- 1.3 Paginación
- 1.4 Footer reutilizado
CONTACT
- 1.1 Header reutilizado
- 1.2 Formulario de contacto con campos nombre, email, asunto y mensaje
- 1.3 Mapa incrustado
- 1.4 Footer reutilizado
PROMPTS RELACIONADOS · BEAUTY / SPA
