
NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Beats Lira, una plataforma de podcasts. Utiliza HTML único con Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. La paleta de colores: #1A202C (gris oscuro), #2D3748 (gris medio), #38B2AC (cian), #F7FAFC (blanco roto), #E2E8F0 (gris claro). Tipografía: Inter (sans-serif) para títulos y cuerpo, con peso 400‑700.
Estructura:
- **Navbar** fija, fondo #1A202C, logo a la izquierda, enlaces (Inicio, Episodios, Sobre, Contacto) en color #F7FAFC, botones de plataformas (Apple Podcasts, Spotify, Google Podcasts, SoundCloud) con íconos SVG en tono #38B2AC. Menú hamburguesa animado en móvil.
- **Hero** sección completa, fondo de imagen de cubierta (url placeholder), superpone un contenedor con título h1 (max‑width 48ch, color #F7FAFC),
3.793 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.793 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 Navbar con logo, enlaces y botones de plataformas
- 1.2 Hero con título, subtítulo, botón y imagen de fondo
- 1.3 Tarjeta de reseña superpuesta en hero
- 1.4 Últimos episodios en grid de 3 columnas
- 1.5 Carrusel de reseñas de oyentes
- 1.6 Footer con información de contacto y redes
EPISODES
- 2.1 Lista de episodios (grid similar al de home)
- 2.2 Barra lateral con reproductor y enlaces de plataformas
ABOUT
- 3.1 Texto descriptivo de la marca y misión
- 3.2 Equipo con fotos y breves bios
CONTACT
- 4.1 Formulario de contacto simple (nombre, email, mensaje)
- 4.2 Información de contacto y mapa embebido
PROMPTS RELACIONADOS · MÚSICA Y BANDAS