NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Voz Lira, una plataforma de podcasts dirigida a creativos. Usa HTML5 + Tailwind CSS CDN (https://cdn.jsdelivr.net/npm/tailwindcss@3.4.0/dist/tailwind.min.css) y JavaScript vanilla en un único archivo. Reproduce la estructura UI del sitio analizado:
- Header fijo con logo a la izquierda y menú de navegación (Inicio, Episodios, Blog, Sponsors, Sobre nosotros, Equipo, Contacto) y un botón destacado "Suscríbete" a la derecha.
- Hero section: fondo claro, título grande con resaltado en color primario, subtítulo, botón "Todos los episodios" y fila de botones minimalistas para plataformas de audio (Apple Podcasts, YouTube, Soundcloud, Spotify, Google Podcasts). Incluye forma decorativa de puntos SVG.
- Sección "Últimos episodios": grid de 3 colum
3.734 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.734 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ú de navegación, botón de suscripción
- 1.2 Hero con título destacado, subtítulo, botones de episodios y enlaces a plataformas de audio
- 1.3 Bloque "Últimos episodios" con grid de tarjetas de episodio
- 1.4 Sección "Sobre el programa" con texto e imagen decorativa
- 1.5 Área de sponsors con logos en grid
- 1.6 Sección "Equipo" con tarjetas de miembros
- 1.7 Pie de página con enlaces y datos de contacto
EPISODES
- 2.1 Listado de episodios en formato grid con filtro por categoría
- 2.2 Página detalle de episodio con reproductor incrustado, descripción y botones de escucha
BLOG
- 3.1 Lista de artículos del blog con imagen, título y extracto
- 3.2 Página artículo individual con contenido completo y sección de comentarios
SPONSORS
- 4.1 Página de presentación de sponsors con logotipos y breve descripción
ABOUT
- 5.1 Información del programa, misión y visión con imagen ilustrativa
TEAM
- 6.1 Perfil de cada miembro del equipo con foto, biografía y redes sociales
CONTACT
- 7.1 Formulario de contacto simple y datos de contacto
PROMPTS RELACIONADOS · PODCAST
