{
 "slug": "gabble",
 "name": "Gabble",
 "title": "Free podcast website template",
 "description": "Free HTML podcast website template for podcast networks and audio studios: shows, authors, live dates. AGENTS.md for Claude Code, or no code with 8B.",
 "kind": "One-page website for a podcast network or audio collective with shows, authors, a studio and live events",
 "summary": "A one-page site for a podcast network with 1,200 authors: a paid Plus shelf, a featured episode with a scrolling transcript, a horizontal shelf of eight shows, an authors grid, a free studio, a three-step submission path, live dates, voice notes, a FAQ and contact. White ground with orange, yellow and lavender tiles, big rounded corners and colour trails behind moving tiles.",
 "fits": [
  "podcast network or show collective",
  "recording studio or audio production house",
  "radio station, audio magazine or newsletter with live events",
  "any membership or creator community with a paid tier, a member grid and event dates"
 ],
 "categories": [
  "Culture",
  "Community"
 ],
 "tags": [
  "podcast",
  "podcast network",
  "podcast website",
  "audio",
  "radio",
  "recording studio",
  "creators",
  "membership",
  "live events",
  "colour tiles",
  "friendly",
  "gsap",
  "scrolltrigger",
  "lenis",
  "single-file"
 ],
 "language": "en",
 "size_kb": 110,
 "photos": 24,
 "fonts": [
  "Funnel Display",
  "Google Sans"
 ],
 "libraries": [
  "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/gsap.min.js",
  "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollTrigger.min.js",
  "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/SplitText.min.js",
  "https://cdn.jsdelivr.net/npm/lenis@1.3.27/dist/lenis.min.js"
 ],
 "browsers": "Chrome and Edge 111+, Safari 16.2+, Firefox 113+ (it uses color-mix(), cascade layers, small/dynamic viewport units).",
 "sections": [
  {
   "key": "navigation",
   "id": "nav",
   "heading": "",
   "about": "sticky top bar: wordmark, search field, author count with three faces, Log in, Join, a menu button; hides on scroll down; menu overlay with search and ten links"
  },
  {
   "key": "opening",
   "id": "opening",
   "heading": "Curious how things get made?",
   "about": "the first screen: a full orange field with the headline, a paragraph about the paid Plus shelf, a button and three Plus series rows"
  },
  {
   "key": "episode",
   "id": "episode",
   "heading": "This week: the bridge that sings",
   "about": "a featured episode: sticky player card beside a six-line transcript whose words light up as you scroll"
  },
  {
   "key": "shows",
   "id": "shows",
   "heading": "Shows for every odd curiosity",
   "about": "eight show tiles in a row that scrolls sideways while the section is pinned, with colour trails behind the tiles"
  },
  {
   "key": "authors",
   "id": "authors",
   "heading": "1,200 authors, one rule: be curious out loud",
   "about": "grid of six author cards with round photos plus a count card, \"+1,194 authors and a chair for you\""
  },
  {
   "key": "studio",
   "id": "studio",
   "heading": "A booth with a red floor, free for our authors",
   "about": "a free recording studio for authors: heading, text, button, two photos and four fact tiles"
  },
  {
   "key": "submit",
   "id": "submit",
   "heading": "Add your podcast in three steps",
   "about": "three numbered steps along a looped line; an orange chevron disc rides the line as you scroll"
  },
  {
   "key": "live",
   "id": "live",
   "heading": "Gabble Live: shows with an audience that laughs back",
   "about": "four live show dates in a list beside a photo of an audience"
  },
  {
   "key": "letters",
   "id": "letters",
   "heading": "Ask a show anything",
   "about": "a pinned chat of three voice notes from listeners and three replies from shows"
  },
  {
   "key": "faq",
   "id": "faq",
   "heading": "Questions people ask before they press play",
   "about": "five questions as native details rows"
  },
  {
   "key": "contact",
   "id": "contact",
   "heading": "Say hello",
   "about": "three colour bands: Write (email), Call (phone), Visit (address)"
  },
  {
   "key": "footer",
   "id": "footer",
   "heading": "",
   "about": "footer: seven links, two social links, a drawn loop with a large wordmark, copyright with the Design: 8B credit and a privacy link"
  }
 ],
 "placeholders": [
  "og-image",
  "favicon",
  "form",
  "email",
  "phone",
  "map",
  "social"
 ],
 "lighthouse": null,
 "license": {
  "code": "MIT",
  "photos": "Unsplash License",
  "fonts": "SIL Open Font License 1.1"
 },
 "get": {
  "degit": "npx degit 8bsite/podcast-website-template my-site",
  "curl": [
   "curl -LO https://raw.githubusercontent.com/8bsite/podcast-website-template/main/index.html",
   "curl -LO https://raw.githubusercontent.com/8bsite/podcast-website-template/main/AGENTS.md",
   "curl -LO https://raw.githubusercontent.com/8bsite/podcast-website-template/main/LICENSE",
   "curl -LO https://raw.githubusercontent.com/8bsite/podcast-website-template/main/CREDITS.md"
  ],
  "agent_prompt": "Read AGENTS.md, then edit index.html. Make this the site for <my podcast network or studio: name, shows and hosts, author count, paid tier and price, featured episode, studio address and hours, live dates and venues, how people submit a pilot, contact details>. Replace first the name, shows, authors and Plus series. Keep the section ids, the classes AGENTS.md lists and three submission steps, and set the footer wordmark's len to the new name's character count. Ask me for missing facts and never invent prices, payouts, dates or contacts."
 },
 "links": {
  "page": "https://8b.com/templates/gabble/",
  "md": "https://8b.com/templates/gabble.md",
  "json": "https://8b.com/templates/gabble.json",
  "demo": "https://8b.com/templates/gabble/demo.html",
  "ghDemo": "https://8bsite.github.io/podcast-website-template/",
  "repo": "https://github.com/8bsite/podcast-website-template",
  "zip": "https://8b.com/templates/gabble/podcast-website-template.zip",
  "use": "https://github.com/new?template_name=podcast-website-template&template_owner=8bsite",
  "agents": "https://github.com/8bsite/podcast-website-template/blob/main/AGENTS.md",
  "credits": "https://github.com/8bsite/podcast-website-template/blob/main/CREDITS.md",
  "raw": {
   "index": "https://raw.githubusercontent.com/8bsite/podcast-website-template/main/index.html",
   "agents": "https://raw.githubusercontent.com/8bsite/podcast-website-template/main/AGENTS.md",
   "license": "https://raw.githubusercontent.com/8bsite/podcast-website-template/main/LICENSE",
   "credits": "https://raw.githubusercontent.com/8bsite/podcast-website-template/main/CREDITS.md"
  },
  "preview": "https://8b.com/templates/gabble/desktop.webp",
  "phone": "https://8b.com/templates/gabble/phone.webp",
  "clip": "https://8b.com/templates/gabble/scroll.mp4",
  "og": "https://8b.com/templates/gabble/og.jpg",
  "design_md": "https://8b.com/templates/gabble/DESIGN.md"
 },
 "github": {
  "repo": "8bsite/podcast-website-template",
  "template_repository": true,
  "topics": [
   "html-template",
   "landing-page",
   "website-template",
   "website-templates",
   "podcast-website",
   "podcast-template",
   "podcast-network",
   "html5",
   "agents-md",
   "gsap",
   "scrolltrigger",
   "scroll-animation",
   "lenis",
   "single-file",
   "cursor-ai",
   "static-site",
   "mit-license",
   "vibe-coding",
   "claude-code",
   "ai-agents"
  ]
 },
 "made_by": {
  "name": "8B",
  "url": "https://8b.com/"
 }
}