NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Store Nimbo (storenimbo.com), una tienda online de entradas y merchandising musical. Usa solo HTML estático en un único archivo y Tailwind CSS vía CDN (https://cdn.tailwindcss.com). Implementa la interacción del carrito con JavaScript vanilla (sin frameworks). Reproduce la siguiente estructura visual y funcional:
- Paleta de colores: #0d0d0d (fondo principal), #1a202c (cabecera/footer), #e11d48 (acentos y botones), #ffffff (texto principal), #f5f5f5 (texto secundario).
- Tipografía: "Inter", sans-serif para títulos y cuerpo, usando font‑family Tailwind `font-sans`.
**Header**
1. Barra superior fija, altura 80px, fondo #1a202c, logo a la izquierda (placeholder SVG), menú hamburguesa responsive a la derecha que muestra enlaces: HOME, ABOU
4.551 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.551 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ú hamburguesa y botón de carrito
- 2.1 Menú secundario con enlaces a Music, Tours y Tickets
- 3.1 Hero principal con imagen y botón CTA "GET TICKETS"
- 4.1 Área de productos destacados (grid de tarjetas)
- 5.1 Sección informativa con texto y fondo contrastado
- 6.1 Footer con enlaces, redes sociales y contacto
ABOUT
- 1.1 Cabecera (heredada)
- 2.1 Imagen grande de presentación
- 3.1 Texto descriptivo de la marca
- 4.1 Equipo o historia en columnas
- 5.1 Footer
CONTACT
- 1.1 Cabecera (heredada)
- 2.1 Formulario de contacto con campos nombre, email, mensaje
- 3.1 Mapa incrustado
- 4.1 Información de contacto y redes
- 5.1 Footer
PRODUCT
- 1.1 Cabecera (heredada)
- 2.1 Galería de productos en grid
- 3.1 Detalle de producto con imágenes, descripción, selector de variante y botón "Añadir al carrito"
- 4.1 Sección de productos relacionados
- 5.1 Footer
CART
- 1.1 Cabecera (heredada)
- 2.1 Modal de carrito con lista de ítems, ajustes de cantidad y botón de checkout
- 3.1 Resumen de subtotal y botón "Continue to Checkout"
- 4.1 Footer
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO