NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Create a single‑file HTML page using Tailwind CSS CDN and vanilla JavaScript that reproduces the visual design patterns of the provided template for a podcast platform named Ondas Lira. Follow these specifications:
- **Brand**: Ondas Lira, domain ondaslira.com, claim "Conversaciones que inspiran al futuro", contact hola@ondaslira.com, year 2026.
- **Palette**: Primary #1E3A8A (deep indigo), Secondary #3B82F6 (bright blue), Accent #F59E0B (amber), Background #F9FAFB (light gray), Text #111827 (dark gray).
- **Typography**: Use 'Inter' from Google Fonts for body text, weight 400/600; headings use 'Playfair Display', weight 700.
- **Header**: Fixed top bar, logo placeholder (text EcoVoz), hamburger menu that reveals a vertical overlay with links: Episodes, Host, Subscribe. Links scroll to se
4.051 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.051 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 Header con menú responsive y enlaces a Episodes, Host y Subscribe
- 1.2 Hero: imagen circular con anillos decorativos, título grande, subtítulo y botón principal
- 1.3 Episodes: título de sección, tabs para Season 01/02/03, lista de tarjetas de episodio (imagen, número, invitado, título, descripción, botón reproducir)
- 1.4 Footer: logo textual, enlaces útiles, formulario de suscripción y redes sociales
EPISODES
- 1.1 Lista de episodios filtrada por temporada, mismo diseño de tarjeta que en Home
HOST
- 1.1 Perfil del presentador con foto, biografía y enlaces a redes
SUBSCRIBE
- 1.1 Formulario simple de captura de email y botón de envío
PROMPTS RELACIONADOS · PODCAST
