Cosa ottieni
- Un sito HTML offline, oppure rotte vere in React, Next.js, Vue, Svelte o Astro
- Archivio degli episodi con ricerca e filtri, pagine degli episodi con capitoli e note
- Un lettore agganciato con capitoli, coda, velocità e una scheda «in riproduzione» sui telefoni
- Un validatore per rotte, accessibilità, lettore e nomi di esempio rimasti
- Pulizia facoltativa delle foto, serie di copertine, sigla e trailer con PopNow, dopo un preventivo
Ideale per
- Podcast d’intervista e programmi con più conduttori
- Podcast di marchi o aziende che hanno bisogno di una casa curata
- Serie narrative organizzate per stagione
Non adatta a
- Programmi incentrati sul video
- Feed di abbonamento a pagamento
- Reti che elencano molti programmi diversi
Come usarla
In Claude o ChatGPT
Usa la skill PopNow “Modello di sito per podcast” (podcast-website-template) per questo: Costruisci il sito per Long Lunch, un programma d’intervista settimanale con i titolari di ristoranti. Episodi e link audio sono nel nostro feed RSS in feeds/longlunch.xml.
In un agente di programmazione
/popnow-podcast-website-template Costruisci il sito per Long Lunch, un programma d’intervista settimanale con i titolari di ristoranti. Episodi e link audio sono nel nostro feed RSS in feeds/longlunch.xml.
Poi prova
Quota una sigla strumentale di 30 secondi e un trailer parlato a partire dalla descrizione del programma.
Sei episodi sono in solitaria. Fanne una serie di copertine coerente con lo stile in duotono.
Cosa tenere pronto
- Nome del programma, conduttori, programmazione e l’URL del feed RSS
- L’elenco degli episodi con date, durate, riassunti e capitoli
- Link audio dal tuo hosting podcast e foto che puoi usare
- Facoltativo: una chiave API PopNow per copertine, sigla e trailer
Skill simili
Vedi tutte →- Web
Creatore di avatar 3D
+25Crea nel browser un personaggio 3D tenero come un peluche e salvalo come PNG trasparente o pagina 3D.
- Web
Calendario heatmap
+25Un anno di attività quotidiana come griglia di calendario sfumata, con serie, totali e accesso da tastiera.
- Web
Landing page SaaS per l’AI
+25Carta sabbia calda, binari sottili e tratteggi attorno a una kanban dal vivo dove un assistente pianifica.
- Web
Sezione hero animata
+25Una hero per landing page con una parola del titolo che ruota con delicatezza, due pulsanti e un riquadro immagine largo.
- Web
Modello di sito per marchio di bevande
+25Sito solare per marchi di bibite e snack con negozio, configuratore di confezioni, mappa dei rivenditori e checkout demo in un file.
- Web
Sito per agenzia creativa con hero shader
+25Hero shader WebGL dal vivo dietro un’affermazione in basso, navigazione a pillola e griglia di casi di studio.
- Web
Landing page SaaS scura
+25Un sito di marketing scuro e ricco di animazioni per un prodotto software, consegnato come un unico file HTML autonomo.
- Web
Sito portfolio per designer
+25Sei card inclinate attorno a un titolo sfumato su grigio calmo, una card ritratto rossa e casi di studio.
- Web
Sito portfolio per sviluppatori
+25Un sito personale scuro per ingegneri, con case study, articoli, talk, curriculum e modulo di contatto.
- Web
Sito SaaS editoriale
+25Hero diviso blu notte, titolo serif accanto a una foto documentaria, fasce inclinate e un accento cobalto.
- Web
Sito per designer freelance
+25Un sito audace per un designer solista che vende pacchetti a prezzo fisso: pagine dei piani, casi di studio e modulo di brief.
- Web
Template sito glassmorphism
+25Pillole di vetro su fondo quasi nero, titolo serif enorme con una parola in corsivo e iscrizione via email.
- Web
Sito di prodotti hardware
+25Nomi dei modelli enormi e sottili su scatti da studio argentati, card di specifiche e una gamma in scala.
- Web
Diagramma di architettura interattivo
+25Un diagramma di sistema cliccabile e offline, costruito da un modello JSON verificato, con le evidenze dietro ogni riquadro.
- Web
Hero con griglia interattiva
+25Una griglia scura di fili sottili che si piega verso il cursore e fa partire un anello luminoso a ogni clic.
- Web
Esploratore di knowledge graph
+25Trasforma gli appunti di progetto in un grafo offline e ricercabile, dove ogni affermazione rimanda alla sua riga di origine.
- Web
Template dashboard KPI
+25Quattro KPI con variazioni, un grafico a linee, una tabella di dettaglio e barre obiettivo.
- Web
Landing page da mockup AI
+25Vedi prima tre progetti a pagina intera, scegline uno: il tuo agente lo costruisce come codice pulito.
- Web
Template sito web per rivista
+25Un sito di rivista con qualità da stampa, articoli, temi, un piccolo shop e abbonamenti, in un unico file HTML.
- Web
Hero con animazione di particelle
+25Testo su carta calda accanto a una sfera di punti inchiostro e verde acqua che cambia forma per ogni idea.
- Web
Sito personal brand
+25Un ritratto sfumato su carta calda sotto una sottile parentesi, con affermazioni leggere e grassetto ai lati.
- Web
Modello di sito per negozio di animali
+25Negozio funzionante di prodotti per animali: catalogo, varianti, carrello, pianificatore delle ricariche e checkout demo in un file HTML.
WebSezione prezzi disegnata a mano
+25Una tabella prezzi in stile quaderno, con card inclinate a inchiostro, interruttore annuale e tema scuro, in un unico file offline.
- Web
Pagina di lancio cinematografica di prodotto
+25Pagina quasi nera in stile film: titolo serif su luci in movimento, scena notturna, modulo di prenotazione.
- Web
Sito per articolo di ricerca
+25Una pagina di progetto per il tuo articolo con Figura 1 interattiva, risultati, limiti e citazione con un clic.
- Web
Template dashboard di amministrazione
+25Una console di back office funzionante con grafici, tabelle, kanban e calendario, in un unico file HTML offline.
- Web
Template landing page SaaS
+25Un sito di marketing chiaro e sobrio per un prodotto software, con console di prodotto funzionante, prezzi e iscrizione.
- Web
Sito portfolio in stile scrapbook
+25Un CV online su più pagine fatto di oggetti di carta, con case study e un curriculum stampabile.
- Web
Template sito e-commerce di sneaker
+25Un negozio completo di scarpe o abbigliamento con catalogo, pagine prodotto, carrello e checkout demo in un unico file HTML.
- Web
Modello di sito per società sportiva
+25Sito per club, palestra o studio con orario, pagine degli allenatori, abbonamenti, planimetria dei campi e prenotazione in un unico file.
- Web
Sezione muro delle testimonianze
+25Un muro a colonne o lentamente in movimento di citazioni dei clienti, che pubblica solo le citazioni che le persone hanno approvato.
- Web
Modello di sito per agenzia di viaggi
+25Un sito centrato sulle foto per tour, guide o rifugi, con ricerca dei viaggi, richieste di prenotazione e un quiz per trovare il viaggio.
- Web
Landing page per automazione di workflow
+25Pagina in grafite con titolo piccolo a sinistra e sotto un grafo di nodi dal vivo che esegue e riprova.
Domande
Il lettore riproduce i nostri veri episodi?
Sì. Dai a ogni episodio l’URL audio del tuo hosting e il lettore usa un vero elemento audio con ricerca, capitoli, velocità e ripresa. Senza URL, usa un orologio demo silenzioso così che il layout possa essere rivisto.
Le foto dei nostri ospiti sono tutte diverse. Le copertine saranno coerenti?
Un duotono in CSS trasforma qualsiasi foto quadrata nella stessa copertina blu notte e azzurro pallido. Per foto troppo diverse, PopNow può ritagliare sfondi affollati, ingrandire immagini piccole e uniformare la luce senza cambiare la persona.
PopNow può creare la nostra musica d’ingresso?
Sì, facoltativamente: una sigla strumentale di 20–40 secondi e un trailer parlato letto da una voce sintetica, ognuno preventivato prima di partire. La skill include un comando ffmpeg per mixarli.
Funziona per un programma in solitaria o narrativo?
Sì. Gli ospiti diventano temi o segmenti, le stagioni possono diventare il filtro principale, e gli episodi senza foto dell’ospite ricevono la grafica di programma integrata o una serie di copertine generate.
In cosa si differenzia dalla pagina gratuita che mi dà il mio hosting podcast?
Le pagine dell’hosting sono un semplice elenco di episodi. Questo modello aggiunge un hero riproducibile, pagine degli ospiti, note dello show con i timestamp e un lettore che continua a suonare mentre le persone navigano, e fa anche da pagina di lancio per un nuovo podcast.