NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Shop Lúmina** (shoplumina.com) usando **HTML estático**, **Tailwind CSS vía CDN** y **JavaScript vanilla** en un solo archivo. El proyecto debe reproducir el layout y estilo visual del sitio original, sin copiar textos ni imágenes. Utiliza la siguiente paleta de colores: #0A0A0A (negro profundo), #FFFFFF (blanco), #F5F5F5 (gris claro), #E63946 (rojo acento), #457B9D (azul grisáceo). Tipografía: headings con "Playfair Display", body con "Inter" (cargar desde Google Fonts).
**Estructura**:
- **Header** fijo: logo SVG a la izquierda, menú horizontal (Home, About, Services, Projects, Blog, Pages dropdown, Shop, Contact), botón "Contact" visible solo en móvil, icono de carrito con badge.
- **Hero** sección ocupando pantalla completa, fondo d
4.027 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.027 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 Cabecera fija con logo, menú principal, carrito y botón de contacto
- 1.2 Hero con imagen de fondo, título y botón CTA
- 1.3 Área de Servicios con tarjetas descriptivas
- 1.4 Galería de Proyectos en cuadrícula
- 1.5 Últimas entradas del Blog en listado compacto
- 1.6 Testimonios con carrusel
- 1.7 Pie de página con navegación secundaria, suscripción y redes sociales
ABOUT
- 1.1 Cabecera heredada
- 1.2 Sección de presentación del equipo
- 1.3 Valores y misión en bloques de iconos
- 1.4 Llamado a la acción a contacto
- 1.5 Pie de página
SERVICES
- 1.1 Cabecera heredada
- 1.2 Lista de servicios con iconos y descripción breve
- 1.3 Tarjetas de precios simplificadas
- 1.4 CTA de contratación
- 1.5 Pie de página
PROJECTS
- 1.1 Cabecera heredada
- 1.2 Galería filtrable de proyectos en mosaico
- 1.3 Detalle emergente de proyecto (modal)
- 1.4 CTA a caso de estudio
- 1.5 Pie de página
BLOG
- 1.1 Cabecera heredada
- 1.2 Lista de artículos con imagen, título y extracto
- 1.3 Paginación
- 1.4 Barra lateral con categorías y suscripción
- 1.5 Pie de página
SHOP
- 1.1 Cabecera heredada con carrito visible
- 1.2 Grid de productos con imagen, nombre y precio
- 1.3 Filtro lateral por categoría
- 1.4 CTA “Añadir al carrito” en cada tarjeta
- 1.5 Pie de página
CONTACT
- 1.1 Cabecera heredada
- 1.2 Formulario de contacto simple (nombre, email, mensaje)
- 1.3 Mapa incrustado
- 1.4 Información de contacto y redes
- 1.5 Pie de página
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO