NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Glow Lumen**, tienda online de cosmética natural. Utiliza **HTML estático con Tailwind CSS vía CDN** y **JavaScript vanilla** en un único archivo. Reproduce la arquitectura y estilo del sitio analizado sin copiar texto ni imágenes originales.
**Alcance**
- Páginas: HOME, ABOUT, SHOP, BLOG, CONTACT.
- Navegación fija con logo a la izquierda, enlaces (Inicio, Sobre, Tienda, Blog, Contacto) y un botón de carrito que muestra la cantidad de ítems.
- Carrito modal con lista de productos, subtotales y botón de checkout (sin funcionalidad real).
- **Home**: hero a pantalla completa con fondo degradado suave (#F9F5F2 -> #E8E2DC), título grande (fuente "Playfair Display", 4xl), botón CTA primario (bg #D96C6C, hover #C05858). Debajo, grid de 4 tarj
4.932 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.932 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 carrito
- 1.2 Hero a pantalla completa con título y CTA
- 1.3 Grid de productos destacados
- 1.4 Bloque de ventajas/contadores
- 1.5 Carrusel de testimonios
- 1.6 Grid de últimas entradas del blog
- 1.7 Formulario de suscripción al newsletter
- 1.8 Footer con enlaces institucionales y redes
ABOUT
- 1.1 Barra de navegación
- 1.2 Hero con imagen de fondo y mensaje institucional
- 1.3 Texto descriptivo sobre la marca y su filosofía
- 1.4 Equipo en tarjetas con foto y breve bio
- 1.5 Valores en iconos con texto
- 1.6 CTA a la tienda
- 1.7 Footer
SHOP
- 1.1 Barra de navegación
- 1.2 Filtros lateral (categorías, precios, colores)
- 1.3 Grid de productos con paginación
- 1.4 Modal de detalle de producto (imágenes, descripción, selector de SKU, botón de añadir al carrito)
- 1.5 Footer
BLOG
- 1.1 Barra de navegación
- 1.2 Lista de artículos en grid con imagen, título y extracto
- 1.3 Paginación
- 1.4 Sidebar con categorías y últimos posts
- 1.5 Footer
CONTACT
- 1.1 Barra de navegación
- 1.2 Formulario de contacto (nombre, email, mensaje)
- 1.3 Mapa incrustado
- 1.4 Información de dirección y teléfono
- 1.5 Footer
PROMPTS RELACIONADOS · BELLEZA / SPA
