NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Armonía Lumen** (tienda online de cosméticos) usando **HTML estático**, **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo. Reproduce fielmente la estructura y estilo del sitio de referencia, respetando los siguientes requisitos:
---
### Paleta de colores
- **Primario:** #C73E7B (magenta suave)
- **Secundario:** #F5E6F0 (rosa muy claro)
- **Acento:** #2A2A2A (gris negro para texto)
- **Fondo:** #FFFFFF
- **Alertas:** #E53E3E (rojo)
---
### Tipografía
- Fuente principal: **"Inter", sans-serif** (cargar via Google Fonts). Usar `font-medium` para títulos, `font-regular` para cuerpo.
---
### Header (persistente)
- Contenedor `max-w-7xl mx-auto flex items-center justify-between py-4`
- Logo SVG a la izquierda (placeholder).
-
4.943 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.943 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 y botones de búsqueda y carrito
- 1.2 Hero con imagen de fondo, título y llamado a acción
- 1.3 Bloque de categorías con tarjetas enlazables
- 1.4 Sección de productos destacados en grid de tarjetas
- 1.5 Testimonios con carrusel simple
- 1.6 Últimos artículos del blog en formato cards
- 1.7 Footer con enlaces útiles, redes sociales y formulario de suscripción
ABOUT US
- 1.1 Header
- 1.2 Hero interno con título y subtítulo
- 1.3 Texto descriptivo de la marca y valores
- 1.4 Equipo con fotos y breves biografías
- 1.5 Footer
CATEGORIES
- 1.1 Header
- 1.2 Grid de categorías con imagen y nombre
- 1.3 Footer
SHOP
- 1.1 Header
- 1.2 Filtros lateral izquierdo (precio, marca, tipo)
- 1.3 Lista de productos en tarjetas con imagen, nombre, precio y botón "Añadir"
- 1.4 Footer
BLOG
- 1.1 Header
- 1.2 Lista de artículos con imagen, título, extracto y fecha
- 1.3 Sidebar con categorías y últimos posts
- 1.4 Footer
CONTACT
- 1.1 Header
- 1.2 Formulario de contacto (nombre, email, mensaje)
- 1.3 Información de localización y redes sociales
- 1.4 Footer
PROMPTS RELACIONADOS · BELLEZA / SPA
