NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Shop Brisa** (dominio shopbrisa.com) usando **HTML** estático, **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo. El proyecto debe replicar el diseño analizado:
- **Paleta de colores**: fondo principal #0a0a0a, texto principal #ffffff, acento #ff6600, secundarios #222222 y #e5e5e5.
- **Tipografía**: usar la fuente "Inter", peso 400‑600, sans‑serif.
- **Header**: barra fija con logo (SVG placeholder), menú hamburguesa que despliega una lista vertical (Music, Band, Events, News, Store, Contact) y botón de carrito con contador. Fondo semi‑transparente que cambia a sólido al hacer scroll.
- **Hero**: sección a pantalla completa, fondo oscuro con overlay, título grande en #ff6600, subtítulo gris claro, botón principal con
4.014 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.014 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 con logo, menú hamburguesa y botón de carrito
- 2.1 Hero con fondo oscuro, título, subtítulo y botón principal
- 3.1 Sección "Música" con grid de álbumes y reproductor placeholder
- 4.1 Sección "Band" con foto de la agrupación y breve descripción
- 5.1 Sección "Eventos" con listado de próximos conciertos en tarjetas
- 6.1 Sección "News" con últimas novedades en formato lista
- 7.1 Sección "Store" con grid de productos destacados
- 8.1 Footer con enlaces de navegación, redes sociales y datos de contacto
MUSIC
- 1.1 Grid de lanzamientos (portada, título, botón reproducir)
BAND
- 1.1 Imagen de la banda, texto descriptivo, botón "Ver más"
EVENTS
- 1.1 Tarjetas de eventos con fecha, ciudad, imagen y botón "Detalles"
NEWS
- 1.1 Lista de artículos con miniatura, título y fecha
STORE
- 1.1 Grid de productos con imagen, nombre, precio y botón "Añadir"
CONTACT
- 1.1 Formulario de contacto simple (nombre, email, mensaje, botón enviar)
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO