NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa que reproduzca el diseño visual y la estructura de una plantilla de podcast moderna, usando solo HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Marca ficticia: Podcast Lira, dominio podcastlira.com, claim "Conversaciones que inspiran".
**Paleta de colores** (extraída del original):
- #111111 (negro profundo para fondos y textos principales)
- #FFFFFF (blanco puro para textos sobre fondos oscuros)
- #F5F5F5 (gris claro para secciones con fondo claro)
- #FF6A3D (naranja vibrante para botones y acentos)
- #00C4B4 (cian suave para iconos de reproducción)
**Tipografía**: Inter (Google Fonts) para todo el cuerpo, con peso 400 y 600; encabezados en Inter Bold 700.
**Estructura**:
1. **Navbar** fija, fondo negro, logo a la izquierda (
5.040 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.040 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 botón Suscríbete
- 2.1 Hero con video, títulos, descripción y botones
- 3.1 Marquee de plataformas de podcast
- 4.1 Grid de episodios recientes (imagen, número, duración, título, host, botones)
- 5.1 Footer con formulario de suscripción y enlaces sociales
ABOUT
- 1.1 Navbar
- 2.1 Hero descriptivo del podcast y del equipo
- 3.1 Sección de valores/misión
- 4.1 Footer
EPISODE
- 1.1 Navbar
- 2.1 Header del episodio con imagen destacada
- 3.1 Detalle del episodio (número, duración, descripción, host)
- 4.1 Reproductor integrado y botones de escucha en plataformas
- 5.1 Footer
CONTACT
- 1.1 Navbar
- 2.1 Formulario de contacto
- 3.1 Información de soporte
- 4.1 Footer
PROMPTS RELACIONADOS · PODCAST
