NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web de comercio electrónico llamado **Lumenia Mercurio** con el siguiente alcance y stack: HTML estático en un solo archivo, Tailwind CSS vía CDN, y JavaScript vanilla para interacciones básicas (menú dropdown, carrito modal, carrusel de testimonios). Utiliza la paleta de colores: #1A1A1A (negro profundo), #F5F5F5 (gris muy claro), #E63946 (rojo vibrante para botones y acentos), #006D77 (verde azulado para enlaces). Tipografía: **Inter** para títulos (weight 600) y **Roboto** para cuerpo (weight 400).
**Header**: barra fija con fondo negro, logo en SVG blanco/negro que cambia según scroll, enlaces de navegación (Home, Work, Services, About, Shop, Contact) con sub‑menú "Pages" que despliega una cuadrícula de enlaces (Demo, Home, Services, Work, About, Shop, Insights, etc.).
3.942 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.942 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 principales y dropdown de páginas
- 1.2 Icono de carrito con contador
- 1.3 Hero con fondo a pantalla completa y título llamativo
- 1.4 Bloque de categorías o productos destacados en grid
- 1.5 Sección de testimonios con carrusel simple
- 1.6 Formulario de suscripción al boletín
- 1.7 Footer con información de la empresa, enlaces de navegación, redes sociales y notas legales
PRODUCTOS
- 1.1 Lista de productos en cuadrícula responsive
- 1.2 Filtros lateral izquierdo
- 1.3 Paginación al fondo
DETALLE PRODUCTO
- 1.1 Galería de imágenes del producto
- 1.2 Información del producto, precio y botón ‘Añadir al carrito’
- 1.3 Sección de productos relacionados
SOBRE NOSOTROS
- 1.1 Texto descriptivo de la marca y su historia
- 1.2 Equipo con fotos y breves biografías
- 1.3 Valores y misión
BLOG
- 1.1 Lista de artículos con imágenes y extractos
- 1.2 Sidebar con categorías y newsletter
CONTACTO
- 1.1 Formulario de contacto simple
- 1.2 Mapa incrustado y datos de contacto
PROMPTS RELACIONADOS · E-COMMERCE
