NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia "Salon Bahía" (salonbahia.com), un portal de música y eventos. Usa solo HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo.
**Paleta de colores**: #1A1A2E (fondo oscuro), #E94560 (accent rojo), #0F3460 (azul profundo), #16213E (gris azulado), #FFFFFF (texto).
**Tipografía**: Inter (sans‑serif) para todo el contenido, peso 400/500/700 según jerarquía.
**Header**: barra fija con logo (placeholder SVG), menú hamburguesa para móvil, enlaces ancla: Inicio, Sobre, Eventos, Álbumes, Contacto. Dropdown "Demo" con opciones genéricas. Fondo transparente que se vuelve sólido al hacer scroll.
**Hero** (sección 1.2): contenedor full‑width con fondo de imagen de concierto (placeholder). Título grande, subtítulo, botón primario (blan
4.213 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.213 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, menú desplegable y enlaces ancla
- 1.2 Hero con título, subtítulo, botones de acción y botón reproducir video
- 1.3 Bloque "Sobre nosotros" con texto descriptivo e imágenes en cuadrícula asimétrica
- 1.4 Sección de eventos próximos con tarjetas listadas, ubicación, fecha y botón de tickets
- 1.5 Galería de álbumes y singles en grid de tarjetas con imágenes y títulos
- 1.6 Footer con enlaces sociales, servicios de música y suscripción al boletín
ABOUT
- 2.1 Título "Sobre nosotros" y párrafo introductorio
- 2.2 Imagen principal de portada y foto complementaria en layout doble
- 2.3 Botón "Leer más" que lleva a página detallada
EVENTS
- 3.1 Título "Próximos eventos" y subtítulo descriptivo
- 3.2 Lista de eventos en tarjetas: imagen, nombre, ubicación, fecha y botón "Tickets"
ALBUMS
- 4.1 Título "Álbumes y singles" y párrafo explicativo
- 4.2 Grid de 4 tarjetas: imagen de portada y nombre del álbum/single
FOOTER
- 5.1 Enlaces a redes sociales (Instagram, Facebook, X)
- 5.2 Íconos de plataformas de streaming (Deezer, Apple Music, Spotify)
- 5.3 Formulario de suscripción simple con email y botón
PROMPTS RELACIONADOS · BELLEZA / SPA
