NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Salon Atlas** (plataforma de música independiente) usando **HTML** estático, **Tailwind CSS CDN** y **JavaScript vanilla** en un solo archivo. Replicar la estructura y estilo del sitio analizado:
- **Paleta de colores**: fondo negro profundo #0a0a0a, acentos gris oscuro #1e1e1e, texto principal blanco #f5f5f5, acento azul eléctrico #3b82f6 para hover y botones.
- **Tipografía**: headings con "Inter" (font‑weight 700), body con "Roboto" (font‑weight 400). Cargar desde Google Fonts.
- **Header**: barra de navegación fija, logo a la izquierda con tipografía "Inter" bold, menú hamburguesa que despliega verticalmente los enlaces: Releases, Tour, About, Booking. A la derecha, tres iconos circulares que enlazan a plataformas de streaming (u
3.910 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.910 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 Navegación fija con logo, menú hamburguesa y enlaces (Releases, Tour, About, Booking) + botones de streaming
- 1.2 Hero con último lanzamiento (título, subtítulo "New Drop", imagen de fondo, botones de escucha en tres plataformas)
- 1.3 Sección "Releases" con cuadrícula de tarjetas (imagen de textura, ruido overlay, año, nombre, botón "Listen Now")
RELEASES
- 2.1 Lista de tarjetas de lanzamiento (misma estructura que 1.3) con enlaces a detalle del release
ABOUT
- 3.1 Información del artista y biografía (estructura típica de página "About")
TOUR
- 4.1 Calendario de conciertos y ubicaciones (lista o tabla)
BOOKING
- 5.1 Formulario de contacto para reservas y gestión de eventos
PROMPTS RELACIONADOS · BEAUTY / SPA
