NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea el sitio web de **Lúmina Mercados** siguiendo exactamente el mismo estilo visual y arquitectura de la plantilla analizada, pero con contenido totalmente original en español de España. Utiliza un único archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks).
- **Paleta de colores**: #1F2937 (gris oscuro), #F59E0B (ámbar vibrante), #FFFFFF (blanco), #E5E7EB (gris claro).
- **Tipografía**: Inter para títulos y cuerpo, cargada desde Google Fonts.
- **Header**: barra fija, fondo blanco, logo a la izquierda, enlaces (Inicio, Empresa, Servicios, Proyectos, Blog, Contacto) con efecto hover de subrayado, mega‑menu bajo "Empresa" con enlaces a About, Blog, Pricing, Team, Contact. Ícono de carrito a la derecha que abre un sidebar derecho con lista de items, cantida
4.131 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.131 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 carrito lateral
- 1.2 Hero de página principal con título, subtítulo y botón principal
- 1.3 Bloque de servicios resaltados en tres columnas
- 1.4 Galería de productos destacados en cuadrícula responsiva
- 1.5 Testimonios con carrusel simple
- 1.6 Llamada a la acción final
- 1.7 Footer con secciones de navegación, redes sociales y datos de contacto
ABOUT US
- 2.1 Header interno con breadcrumb
- 2.2 Imagen hero de presentación
- 2.3 Texto descriptivo de la empresa en dos columnas
- 2.4 Equipo destacado en tarjetas
- 2.5 Valores de la marca en iconos
- 2.6 Footer común
PRODUCTS
- 3.1 Header de categoría con filtros
- 3.2 Grid de tarjetas de producto (imagen, nombre, precio, botón "Añadir")
- 3.3 Paginación inferior
- 3.4 Footer común
PRODUCT SINGLE
- 4.1 Imagen principal del producto con galería secundaria
- 4.2 Título, descripción corta y precio
- 4.3 Selector de cantidad y botón "Añadir al carrito"
- 4.4 Información adicional en pestañas (Descripción, Detalles, Opiniones)
- 4.5 Productos relacionados en carrusel
- 4.6 Footer común
CONTACT US
- 5.1 Formulario de contacto con campos nombre, email, asunto y mensaje
- 5.2 Mapa incrustado y datos de localización
- 5.3 Footer común
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO