NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Ecos Sonoros" (musica y bandas) usando solo HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. El diseño debe replicar la siguiente estructura y estilo:
- **Paleta de colores**: fondo oscuro #0d0d0d, texto principal #eaeaea, acentos morado #7a3bff, verde neón #00ff88, gris medio #444444.
- **Tipografía**: fuente principal "Inter" (Google Fonts) peso 400/600, títulos en "Space Grotesk" peso 700.
- **Header**: barra superior fija, logo a la izquierda con tipografía Inter bold, botón hamburguesa a la derecha que despliega un menú vertical con enlaces: Releases, Tour, About, Booking. Iconos de streaming (Peach, Soundify, TuneTube) alineados a la derecha del menú cuando está abierto.
- **Hero**: sección ocupando pantalla comple
4.154 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.154 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 y menú hamburguesa
- 1.2 Hero con última canción, fondo oscuro y botones de streaming
- 1.3 Sección "Releases" con grid de tarjetas de lanzamientos
- 1.4 Footer con enlaces a plataformas y datos de contacto
RELEASES
- 2.1 Grid de tarjetas de cada lanzamiento (imagen, año, título, botón "Escuchar ahora")
- 2.2 Cada tarjeta incluye overlay de ruido y textura visual
ABOUT
- 3.1 Texto descriptivo de la banda / proyecto
- 3.2 Imagen de perfil en formato circular
- 3.3 Enlaces a prensa y prensa digital
TOUR
- 4.1 Lista de fechas con ciudad, venue y botón de reserva
- 4.2 Mapa interactivo incrustado (Google Maps)
BOOKING
- 5.1 Formulario de contacto sencillo (nombre, email, mensaje)
- 5.2 Botón de envío con feedback visual
PROMPTS RELACIONADOS · BEAUTY / SPA
