NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Lúmina Arte, marketplace de productos de diseño independiente, usando únicamente HTML, Tailwind CSS (CDN) y JavaScript vanilla en un solo archivo. Incluye las siguientes especificaciones:
- Paleta de colores: #1A1A1A (negro profundo), #F5F5F5 (gris claro), #E63946 (rojo vibrante), #A8DADC (azul pastel), #FFFFFF (blanco).
- Tipografía: Inter (google fonts) para cuerpo y títulos, peso 400/600/700 según necesidad.
- Header: barra sticky con logo a la izquierda, iconos sociales (Twitter, LinkedIn, Instagram, Dribbble) y botón de carrito que abre un modal. Incluye hamburguesa que despliega un menú lateral con enlaces: Inicio, Sobre nosotros, Colecciones, Blog, Contacto.
- Modal del carrito: lista de productos con miniatura, nombre, precio, selec
3.772 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.772 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 sticky con logo, iconos sociales y carrito modal
- 1.2 Menú hamburguesa lateral con enlaces de navegación
- 1.3 Hero principal con título, subtítulo y botones CTA
- 1.4 Bloque de colecciones destacadas en cuadrícula responsiva
- 1.5 Sección de estadísticas con contadores animados
- 1.6 Testimonios en carrusel horizontal
- 1.7 Formulario de suscripción al boletín
- 1.8 Footer con enlaces institucionales, redes sociales y formulario de contacto
ABOUT
- 2.1 Cabecera reutilizada
- 2.2 Hero interno con título "Sobre nosotros" y párrafo descriptivo
- 2.3 Equipo en tarjetas con foto y bio corta
- 2.4 Valores en iconos con texto
- 2.5 Footer reutilizado
COLLECTION
- 3.1 Cabecera reutilizada
- 3.2 Barra de filtros lateral
- 3.3 Grid de productos con imagen, nombre, precio y botón "Añadir"
- 3.4 Paginación inferior
- 3.5 Footer reutilizado
PRODUCT
- 4.1 Cabecera reutilizada
- 4.2 Galería de imágenes del producto
- 4.3 Detalle del producto: título, descripción, precio, selector de variantes, botón "Añadir al carrito"
- 4.4 Sección de productos relacionados en carrusel
- 4.5 Footer reutilizado
CART
- 5.1 Modal de carrito con lista de artículos, precios, cantidades editables y subtotal
- 5.2 Botón de checkout y opciones de pago rápido
- 5.3 Footer minimalista
CHECKOUT
- 6.1 Formulario de datos de facturación y envío
- 6.2 Resumen del pedido y botón de confirmar compra
- 6.3 Footer minimalista
PROMPTS RELACIONADOS · E-COMMERCE
