<!DOCTYPE html><html lang="en"> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="description" content="A podcast hosting platform that sends every episode to YouTube, Spotify, Apple Podcasts, RSS, and your show website."><meta property="og:locale" content="en_US"><meta property="og:site_name" content="Listenbox"><meta property="og:title" content="Listenbox"><meta property="og:type" content="website"><meta property="og:description" content="A podcast hosting platform that sends every episode to YouTube, Spotify, Apple Podcasts, RSS, and your show website."><meta property="og:url" content="https://listenbox.app/"><meta property="og:image" content="https://listenbox.app/_astro/listenbox-og.DokCn7BK.jpg"><meta property="og:image:type" content="image/jpeg"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="og:image:alt" content="Listenbox podcast publishing release console preview"><link rel="icon" type="image/svg+xml" href="/_astro/favicon.DM5dyM1q.svg"><title>Listenbox</title><link rel="stylesheet" href="/_astro/SiteShell.A6h7pITu.css"></head> <body class="min-w-[320px] bg-paper font-sans leading-normal text-ink [font-synthesis:none] [text-rendering:optimizeLegibility]"> <header class="sticky top-0 z-10 flex items-center justify-between gap-5 border-b border-[color-mix(in_srgb,var(--color-ink)_10%,transparent)] px-page-x py-3 backdrop-blur-sm [background:linear-gradient(90deg,color-mix(in_srgb,var(--color-mist)_76%,transparent)_0%,color-mix(in_srgb,var(--color-paper)_86%,transparent)_28%,color-mix(in_srgb,var(--color-sheet)_90%,transparent)_50%,color-mix(in_srgb,var(--color-paper)_86%,transparent)_72%,color-mix(in_srgb,var(--color-mist)_76%,transparent)_100%)] max-[760px]:static max-[760px]:gap-3 max-[760px]:px-4.5 max-[420px]:px-3.5"> <a class="inline-flex shrink-0 items-center gap-2.5 text-[17px] font-bold focus-visible:[outline:3px_solid_var(--color-focus)] focus-visible:outline-offset-[3px]" href="/" aria-label="Listenbox home"> <img class="size-7.5 rounded-button" src="/_astro/favicon.DM5dyM1q.svg" width="30" height="30" alt="" aria-hidden="true"> <span class="max-[420px]:sr-only">Listenbox</span> </a> <div class="flex min-w-0 flex-wrap items-center justify-end gap-x-4 gap-y-2.5 max-[760px]:gap-x-3"> <nav class="flex flex-wrap gap-x-4 gap-y-2 text-[14px] font-semibold text-muted max-[760px]:hidden" aria-label="Primary navigation"> <a class="hover:text-ink focus-visible:[outline:3px_solid_var(--color-focus)] focus-visible:outline-offset-[3px]" href="/pricing/">Pricing</a> <a class="hover:text-ink focus-visible:[outline:3px_solid_var(--color-focus)] focus-visible:outline-offset-[3px]" href="mailto:hello@listenbox.app">Contact</a> </nav> <nav class="flex shrink-0 flex-wrap justify-end gap-2 text-[14px] font-extrabold max-[420px]:gap-1.5" aria-label="App navigation"> <a href="https://web.listenbox.app/login" class="inline-flex items-center justify-center rounded-button font-extrabold transition-colors min-h-10 px-4 text-[14px] max-[420px]:min-h-9 max-[420px]:px-3 border border-[color-mix(in_srgb,var(--color-ink)_18%,transparent)] bg-sheet text-ink hover:bg-surface-hover focus-visible:[outline:3px_solid_var(--color-focus)] focus-visible:outline-offset-[3px] max-[420px]:px-2.5"> 
Sign in
 </a> <a href="https://web.listenbox.app/signup" class="inline-flex items-center justify-center rounded-button font-extrabold transition-colors min-h-10 px-4 text-[14px] max-[420px]:min-h-9 max-[420px]:px-3 border border-[color-mix(in_srgb,var(--color-sheet)_28%,transparent)] bg-primary text-sheet hover:border-[color-mix(in_srgb,var(--color-sheet)_52%,transparent)] hover:bg-control-hover focus-visible:[outline:3px_solid_var(--color-focus)] focus-visible:outline-offset-[3px]"> 
Create account
 </a> </nav> </div> </header>  <main> <section class="relative min-h-[clamp(500px,34vw,540px)] overflow-visible bg-primary-hover px-page-x pt-[clamp(38px,5vw,62px)] pb-[clamp(30px,4vw,54px)] text-sheet max-[820px]:px-4.5"> <div class="absolute inset-0 overflow-hidden" aria-hidden="true"> <img src="/_astro/weekly-briefing-148.DX_SsFSb_Z1AvSVe.webp" srcset="/_astro/weekly-briefing-148.DX_SsFSb_Z2qEOKO.webp 640w, /_astro/weekly-briefing-148.DX_SsFSb_1rYmzR.webp 750w, /_astro/weekly-briefing-148.DX_SsFSb_1fJXVG.webp 828w, /_astro/weekly-briefing-148.DX_SsFSb_Z1r7IzN.webp 1080w, /_astro/weekly-briefing-148.DX_SsFSb_ZA2Uk4.webp 1280w" alt aria-hidden="true" loading="eager" decoding="sync" fetchpriority="high" sizes="100vw" data-astro-image="full-width" data-astro-image-fit="cover" data-astro-image-pos="center" width="1536" height="1024" class="absolute inset-0 h-full w-full object-cover object-[48%_54%] opacity-100 filter-[saturate(.96)_contrast(1.02)]"> <div class="absolute top-0 left-0 h-[clamp(330px,43vw,520px)] w-[min(940px,88vw)] [clip-path:polygon(0_0,82%_0,70%_54%,82%_100%,0_100%)] [background:linear-gradient(103deg,color-mix(in_srgb,var(--color-primary-hover)_88%,transparent)_0%,color-mix(in_srgb,var(--color-primary-hover)_72%,transparent)_50%,color-mix(in_srgb,var(--color-primary-hover)_18%,transparent)_78%,transparent_100%),linear-gradient(180deg,color-mix(in_srgb,var(--color-primary-hover)_46%,transparent)_0%,color-mix(in_srgb,var(--color-primary-hover)_18%,transparent)_62%,transparent_100%)] max-[760px]:w-full max-[760px]:[clip-path:polygon(0_0,100%_0,100%_78%,0_100%)]"></div> <div class="absolute top-[clamp(230px,30vw,420px)] right-0 h-[clamp(150px,22vw,300px)] w-[min(720px,66vw)] [clip-path:polygon(22%_0,100%_0,100%_100%,0_100%)] [background:linear-gradient(130deg,transparent_0%,color-mix(in_srgb,var(--color-primary-hover)_28%,transparent)_38%,color-mix(in_srgb,var(--color-primary-hover)_72%,transparent)_100%)]"></div> </div> <div class="relative grid min-h-[calc(clamp(500px,34vw,540px)-clamp(38px,5vw,62px)-clamp(30px,4vw,54px))] content-center gap-[clamp(26px,4vw,44px)]"> <div class="max-w-220"> <h1 class="max-w-205 text-[clamp(29px,9vw,46px)] leading-[0.96] font-[790] tracking-normal text-balance [text-shadow:0_2px_22px_color-mix(in_srgb,var(--color-primary-hover)_72%,transparent)] min-[500px]:text-[clamp(46px,6vw,84px)]"> <span class="block">Your next episode.</span> <span class="block">Everywhere</span> </h1> <div class="mt-6 flex flex-wrap gap-3 text-[15px] font-bold text-sheet" aria-label="Publishing destinations"> <span class="inline-flex items-center gap-2 rounded-full bg-[color-mix(in_srgb,var(--color-primary-hover)_48%,transparent)] px-3.5 py-2"><span class="size-2.5 rounded-full bg-youtube" aria-hidden="true"></span>YouTube</span> <span class="inline-flex items-center gap-2 rounded-full bg-[color-mix(in_srgb,var(--color-primary-hover)_48%,transparent)] px-3.5 py-2"><span class="size-2.5 rounded-full bg-spotify" aria-hidden="true"></span>Spotify</span> <span class="inline-flex items-center gap-2 rounded-full bg-[color-mix(in_srgb,var(--color-primary-hover)_48%,transparent)] px-3.5 py-2"><span class="size-2.5 rounded-full bg-apple-podcasts" aria-hidden="true"></span>Apple Podcasts</span> <span class="inline-flex items-center gap-2 rounded-full bg-[color-mix(in_srgb,var(--color-primary-hover)_48%,transparent)] px-3.5 py-2"><span class="size-2.5 rounded-full bg-rss" aria-hidden="true"></span>RSS</span> </div> <p class="mt-5 max-w-165 text-[17px] leading-[1.6] font-semibold text-line">
Listenbox is a podcast hosting that automatically distrubutes your content to
            YouTube, Spotify, Apple Podcasts and your show website, so you
            spend less time on publishing and more time growing your show.
</p> <div class="mt-8.5 flex flex-wrap gap-3 max-[520px]:grid max-[520px]:grid-cols-1" aria-label="Ways to get started"> <a href="https://web.listenbox.app/signup" class="inline-flex items-center justify-center rounded-button font-extrabold transition-colors min-h-13 px-5.5 text-[16px] border border-[color-mix(in_srgb,var(--color-ink)_18%,transparent)] bg-sheet text-ink hover:bg-surface-hover focus-visible:[outline:3px_solid_var(--color-focus-inverse)] focus-visible:outline-offset-[3px] max-[520px]:w-full"> 
Start a new podcast
 </a> <details class="group relative max-[520px]:w-full"> <summary class="inline-flex min-h-13 cursor-pointer list-none items-center justify-center gap-2 rounded-button border border-[color-mix(in_srgb,var(--color-sheet)_34%,transparent)] bg-[color-mix(in_srgb,var(--color-primary)_78%,transparent)] px-5.5 text-[16px] font-extrabold text-sheet outline-hidden transition-colors select-none hover:border-[color-mix(in_srgb,var(--color-sheet)_58%,transparent)] hover:bg-[color-mix(in_srgb,var(--color-control-hover)_88%,transparent)] focus-visible:border-[color-mix(in_srgb,var(--color-sheet)_58%,transparent)] focus-visible:bg-[color-mix(in_srgb,var(--color-control-hover)_88%,transparent)] max-[520px]:w-full [&::-webkit-details-marker]:hidden">
Move existing content
<svg class="size-4.5 transition-transform group-open:rotate-180" viewBox="0 0 20 20" fill="none" aria-hidden="true"> <path d="M5.5 7.5L10 12l4.5-4.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </summary> <div class="absolute top-[calc(100%+10px)] left-0 z-50 grid min-w-92 gap-1 rounded-lg bg-sheet p-1.5 text-ink shadow-[0_8px_24px_color-mix(in_srgb,var(--color-ink)_20%,transparent)] max-[520px]:right-0 max-[520px]:w-full max-[520px]:min-w-0"> <a class="grid gap-1 rounded-md p-3.5 transition-colors hover:bg-surface-hover focus-visible:[outline:3px_solid_var(--color-focus)] focus-visible:outline-offset-2" href="/youtube-migration/"> <span class="text-[15px] leading-tight font-extrabold">YouTube podcast playlist</span> <span class="text-[14px] leading-[1.4] font-semibold text-muted">Copy creator-owned videos from your Google export.</span> </a> <a class="grid gap-1 rounded-md p-3.5 transition-colors hover:bg-surface-hover focus-visible:[outline:3px_solid_var(--color-focus)] focus-visible:outline-offset-2" href="mailto:hello@listenbox.app?subject=Move%20an%20existing%20RSS%20podcast%20to%20Listenbox"> <span class="text-[15px] leading-tight font-extrabold">RSS podcast</span> <span class="text-[14px] leading-[1.4] font-semibold text-muted">Bring an existing feed over with help.</span> </a> </div> </details> </div> </div> </div> </section> <section id="growth" class="bg-paper px-page-x py-section-y max-[820px]:px-4.5"> <div class="grid grid-cols-[minmax(0,0.86fr)_minmax(300px,0.78fr)] gap-[clamp(34px,6vw,90px)] max-[980px]:grid-cols-1"> <div> <h2 class="max-w-190 text-[clamp(36px,4.6vw,66px)] leading-[0.98] font-[760] tracking-normal text-balance">
Reach listeners across podcast apps
</h2> <p class="mt-5 max-w-162.5 text-[18px] leading-[1.65] text-pretty text-muted">
Podcast fans do not all use the same app. Some watch on YouTube,
            some listen in Spotify or Apple Podcasts, and some follow RSS or
            your show's website. Listenbox lets you prepare one episode and send
            it to each destination.
</p> <div class="mt-7 grid max-w-175 grid-cols-[repeat(auto-fit,minmax(180px,1fr))] gap-2.5"> <p class="rounded-lg bg-sheet p-4 text-[16px] leading-[1.55] font-bold">
Grow reach with a dedicated podcast website built for SEO.
</p> <p class="rounded-lg bg-sheet p-4 text-[16px] leading-[1.55] font-bold">
Put listen and subscribe links on each episode page.
</p> <p class="rounded-lg bg-sheet p-4 text-[16px] leading-[1.55] font-bold">
Publish audio and video versions from one episode draft.
</p> </div> </div> <div class="grid content-start gap-4 border-l border-[color-mix(in_srgb,var(--color-ink)_12%,transparent)] pl-[clamp(22px,4vw,46px)] max-[980px]:border-t max-[980px]:border-l-0 max-[980px]:pt-6.5 max-[980px]:pl-0"> <div class="relative isolate aspect-square w-full max-w-160 justify-self-center overflow-hidden rounded-lg border border-[color-mix(in_srgb,var(--color-ink)_12%,transparent)] [background:radial-gradient(circle_at_50%_50%,var(--color-sheet)_0%,var(--color-paper)_58%,var(--color-mist)_100%)] max-[520px]:hidden" aria-label="Listenbox publishing distribution map"> <svg class="absolute inset-0 size-full" data-distribution-graphic="paths" viewBox="0 0 640 640" preserveAspectRatio="xMidYMid meet" role="img" aria-labelledby="distribution-title distribution-description"> <title id="distribution-title">Listenbox publishes everywhere</title> <desc id="distribution-description">
Listenbox in the center sends podcast episodes to YouTube, Spotify,
      Apple Podcasts, Pocket Casts, iHeart, and RSS.
</desc> <defs> <path id="path-apple" d="M320 320 L320 76"></path> <path id="path-youtube" d="M320 320 L531 198"></path> <path id="path-spotify" d="M320 320 L531 442"></path> <path id="path-rss" d="M320 320 L320 582"></path> <path id="path-iheart" d="M320 320 L109 442"></path> <path id="path-pocket" d="M320 320 L109 198"></path> </defs> <g class="motion-reduce:hidden" fill="none" stroke="var(--color-accent-strong)" stroke-width="4"> <circle cx="320" cy="320" r="70" opacity="0"> <animate attributeName="r" values="70;250" dur="2.8s" repeatCount="indefinite"></animate> <animate attributeName="opacity" values=".42;.18;0" dur="2.8s" repeatCount="indefinite"></animate> </circle> <circle cx="320" cy="320" r="70" opacity="0"> <animate begin=".9s" attributeName="r" values="70;250" dur="2.8s" repeatCount="indefinite"></animate> <animate begin=".9s" attributeName="opacity" values=".38;.15;0" dur="2.8s" repeatCount="indefinite"></animate> </circle> <circle cx="320" cy="320" r="70" opacity="0"> <animate begin="1.8s" attributeName="r" values="70;250" dur="2.8s" repeatCount="indefinite"></animate> <animate begin="1.8s" attributeName="opacity" values=".34;.12;0" dur="2.8s" repeatCount="indefinite"></animate> </circle> </g> <g fill="none" stroke="#8c897f" stroke-dasharray="8 14" stroke-linecap="round" stroke-opacity=".38" stroke-width="3"> <use href="#path-apple"></use> <use href="#path-youtube"></use> <use href="#path-spotify"></use> <use href="#path-rss"></use> <use href="#path-iheart"></use> <use href="#path-pocket"></use> </g> <g class="motion-reduce:hidden" fill="var(--color-accent-strong)"> <circle r="3.5" opacity="0"> <animateMotion dur="2.8s" repeatCount="indefinite"> <mpath href="#path-apple"></mpath> </animateMotion> <animate attributeName="opacity" values="0;.9;.9;0" keyTimes="0;.18;.78;1" dur="2.8s" repeatCount="indefinite"></animate> </circle> <circle r="3.5" opacity="0"> <animateMotion dur="2.8s" repeatCount="indefinite"> <mpath href="#path-youtube"></mpath> </animateMotion> <animate attributeName="opacity" values="0;.9;.9;0" keyTimes="0;.18;.78;1" dur="2.8s" repeatCount="indefinite"></animate> </circle> <circle r="3.5" opacity="0"> <animateMotion dur="2.8s" repeatCount="indefinite"> <mpath href="#path-spotify"></mpath> </animateMotion> <animate attributeName="opacity" values="0;.9;.9;0" keyTimes="0;.18;.78;1" dur="2.8s" repeatCount="indefinite"></animate> </circle> <circle r="3.5" opacity="0"> <animateMotion dur="2.8s" repeatCount="indefinite"> <mpath href="#path-rss"></mpath> </animateMotion> <animate attributeName="opacity" values="0;.9;.9;0" keyTimes="0;.18;.78;1" dur="2.8s" repeatCount="indefinite"></animate> </circle> <circle r="3.5" opacity="0"> <animateMotion dur="2.8s" repeatCount="indefinite"> <mpath href="#path-iheart"></mpath> </animateMotion> <animate attributeName="opacity" values="0;.9;.9;0" keyTimes="0;.18;.78;1" dur="2.8s" repeatCount="indefinite"></animate> </circle> <circle r="3.5" opacity="0"> <animateMotion dur="2.8s" repeatCount="indefinite"> <mpath href="#path-pocket"></mpath> </animateMotion> <animate attributeName="opacity" values="0;.9;.9;0" keyTimes="0;.18;.78;1" dur="2.8s" repeatCount="indefinite"></animate> </circle> <circle r="2.5" opacity="0"> <animateMotion begin=".9s" dur="2.8s" repeatCount="indefinite"> <mpath href="#path-apple"></mpath> </animateMotion> <animate begin=".9s" attributeName="opacity" values="0;.72;.72;0" keyTimes="0;.18;.78;1" dur="2.8s" repeatCount="indefinite"></animate> </circle> <circle r="2.5" opacity="0"> <animateMotion begin=".9s" dur="2.8s" repeatCount="indefinite"> <mpath href="#path-youtube"></mpath> </animateMotion> <animate begin=".9s" attributeName="opacity" values="0;.72;.72;0" keyTimes="0;.18;.78;1" dur="2.8s" repeatCount="indefinite"></animate> </circle> <circle r="2.5" opacity="0"> <animateMotion begin=".9s" dur="2.8s" repeatCount="indefinite"> <mpath href="#path-spotify"></mpath> </animateMotion> <animate begin=".9s" attributeName="opacity" values="0;.72;.72;0" keyTimes="0;.18;.78;1" dur="2.8s" repeatCount="indefinite"></animate> </circle> <circle r="2.5" opacity="0"> <animateMotion begin=".9s" dur="2.8s" repeatCount="indefinite"> <mpath href="#path-rss"></mpath> </animateMotion> <animate begin=".9s" attributeName="opacity" values="0;.72;.72;0" keyTimes="0;.18;.78;1" dur="2.8s" repeatCount="indefinite"></animate> </circle> <circle r="2.5" opacity="0"> <animateMotion begin=".9s" dur="2.8s" repeatCount="indefinite"> <mpath href="#path-iheart"></mpath> </animateMotion> <animate begin=".9s" attributeName="opacity" values="0;.72;.72;0" keyTimes="0;.18;.78;1" dur="2.8s" repeatCount="indefinite"></animate> </circle> <circle r="2.5" opacity="0"> <animateMotion begin=".9s" dur="2.8s" repeatCount="indefinite"> <mpath href="#path-pocket"></mpath> </animateMotion> <animate begin=".9s" attributeName="opacity" values="0;.72;.72;0" keyTimes="0;.18;.78;1" dur="2.8s" repeatCount="indefinite"></animate> </circle> </g> <g class="motion-safe:hidden" fill="var(--color-accent-strong)" opacity=".78"> <circle cx="320" cy="178" r="4"></circle> <circle cx="443" cy="249" r="4"></circle> <circle cx="443" cy="391" r="4"></circle> <circle cx="320" cy="462" r="4"></circle> <circle cx="197" cy="391" r="4"></circle> <circle cx="197" cy="249" r="4"></circle> </g> </svg> <div class="group absolute top-[12%] left-1/2 grid size-30 -translate-1/2 place-items-center" aria-hidden="true"> <div class="grid size-17 place-items-center rounded-icon bg-apple-podcasts shadow-platform-apple-podcasts transition-transform duration-200 ease-out group-hover:scale-[1.08]"> <svg class="size-13 text-white" data-distribution-icon="apple-podcasts" viewBox="0 0 24 24" fill="currentColor"> <path d="M11.865 2.568c2.336 0 4.448.902 6.056 2.587 1.224 1.272 1.912 2.619 2.264 4.392.12.59.12 2.2.007 2.864a8.506 8.506 0 01-3.24 5.296c-.608.46-2.096 1.261-2.336 1.261-.088 0-.096-.091-.056-.46.072-.592.144-.715.48-.856.536-.224 1.448-.874 2.008-1.435a7.644 7.644 0 002.008-3.536c.208-.824.184-2.656-.048-3.504-.728-2.696-2.928-4.792-5.624-5.352-.784-.16-2.208-.16-3 0-2.728.56-4.984 2.76-5.672 5.528-.184.752-.184 2.584 0 3.336.456 1.832 1.64 3.512 3.192 4.512.304.2.672.408.824.472.336.144.408.264.472.856.04.36.03.464-.056.464-.056 0-.464-.176-.896-.384l-.04-.03c-2.472-1.216-4.056-3.274-4.632-6.012-.144-.706-.168-2.392-.03-3.04.36-1.74 1.048-3.1 2.192-4.304 1.648-1.737 3.768-2.656 6.128-2.656zm.134 2.81c.409.004.803.04 1.106.106 2.784.62 4.76 3.408 4.376 6.174-.152 1.114-.536 2.03-1.216 2.88-.336.43-1.152 1.15-1.296 1.15-.023 0-.048-.272-.048-.603v-.605l.416-.496c1.568-1.878 1.456-4.502-.256-6.224-.664-.67-1.432-1.064-2.424-1.246-.64-.118-.776-.118-1.448-.008-1.02.167-1.81.562-2.512 1.256-1.72 1.704-1.832 4.342-.264 6.222l.413.496v.608c0 .336-.027.608-.06.608-.03 0-.264-.16-.512-.36l-.034-.011c-.832-.664-1.568-1.842-1.872-2.997-.184-.698-.184-2.024.008-2.72.504-1.878 1.888-3.335 3.808-4.019.41-.145 1.133-.22 1.814-.211zm-.13 2.99c.31 0 .62.06.844.178.488.253.888.745 1.04 1.259.464 1.578-1.208 2.96-2.72 2.254h-.015c-.712-.331-1.096-.956-1.104-1.77 0-.733.408-1.371 1.112-1.745.224-.117.534-.176.844-.176zm-.011 4.728c.988-.004 1.706.349 1.97.97.198.464.124 1.932-.218 4.302-.232 1.656-.36 2.074-.68 2.356-.44.39-1.064.498-1.656.288h-.003c-.716-.257-.87-.605-1.164-2.644-.341-2.37-.416-3.838-.218-4.302.262-.616.974-.966 1.97-.97z"></path> </svg> </div> </div> <div class="group absolute top-[31%] left-[83%] grid size-30 -translate-1/2 place-items-center" aria-hidden="true"> <div class="grid size-17 place-items-center rounded-icon bg-youtube shadow-platform-youtube transition-transform duration-200 ease-out group-hover:scale-[1.08]"> <svg class="size-10 text-white" data-distribution-icon="youtube" viewBox="0 0 24 24" fill="currentColor"> <path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"></path> </svg> </div> </div> <div class="group absolute top-[69%] left-[83%] grid size-30 -translate-1/2 place-items-center" aria-hidden="true"> <div class="grid size-17 place-items-center rounded-icon bg-spotify shadow-platform-spotify transition-transform duration-200 ease-out group-hover:scale-[1.08]"> <svg class="size-10 text-white" data-distribution-icon="spotify" viewBox="0 0 24 24" fill="currentColor"> <path d="M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z"></path> </svg> </div> </div> <div class="group absolute top-[88%] left-1/2 grid size-30 -translate-1/2 place-items-center" aria-hidden="true"> <div class="grid size-17 place-items-center rounded-icon bg-rss shadow-platform-rss transition-transform duration-200 ease-out group-hover:scale-[1.08]"> <svg class="size-8.5 text-white" data-distribution-icon="rss" viewBox="0 0 24 24" fill="currentColor"> <path d="M19.199 24C19.199 13.467 10.533 4.8 0 4.8V0c13.165 0 24 10.835 24 24h-4.801zM3.291 17.415c1.814 0 3.293 1.479 3.293 3.295 0 1.813-1.485 3.29-3.301 3.29C1.47 24 0 22.526 0 20.71s1.475-3.294 3.291-3.295zM15.909 24h-4.665c0-6.169-5.075-11.245-11.244-11.245V8.09c8.727 0 15.909 7.184 15.909 15.91z"></path> </svg> </div> </div> <div class="group absolute top-[69%] left-[17%] grid size-30 -translate-1/2 place-items-center" aria-hidden="true"> <div class="grid size-17 place-items-center rounded-icon bg-[#c8003f] shadow-[0_16px_34px_color-mix(in_srgb,#c8003f_30%,transparent)] transition-transform duration-200 ease-out group-hover:scale-[1.08]"> <svg class="size-10 translate-y-0.5 text-white" data-distribution-icon="iheart" viewBox="0 0 257.02 192" fill="currentColor"> <g transform="matrix(0.13333333 0 0 -0.13333333 0 192)"> <path d="m 1728.09,938.113 c 0,-147.109 -79.52,-292.125 -236.28,-431.093 -6.92,-6.118 -15.54,-9.118 -24.14,-9.118 -10.01,0 -20.02,4.114 -27.22,12.239 -13.32,15.019 -11.96,38.007 3.12,51.359 140.52,124.504 211.77,251.227 211.77,376.613 v 1.762 c 0,101.775 -63.84,221.585 -145.36,272.695 -17.03,10.68 -22.16,33.14 -11.47,50.14 10.67,17.02 33.13,22.15 50.16,11.51 102.25,-64.18 179.42,-207.94 179.42,-334.345 z M 1255.93,631.152 c -5.62,-3.148 -11.71,-4.632 -17.77,-4.632 -12.73,0 -25.09,6.707 -31.76,18.601 -9.8,17.524 -3.56,39.711 14,49.5 84.2,47.172 140.85,138.828 141.07,228.289 -0.19,82.22 -45.53,157.04 -118.42,195.39 -17.8,9.37 -24.63,31.35 -15.27,49.14 9.36,17.77 31.37,24.61 49.14,15.26 96.72,-50.86 156.88,-150.12 157.32,-259.266 v -1.11 C 1433.77,807.551 1362.2,690.672 1255.93,631.152 Z M 963.828,738.043 c -87.16,0.047 -157.805,70.715 -157.805,157.887 0,87.172 70.645,157.84 157.805,157.89 87.162,-0.05 157.802,-70.718 157.802,-157.89 0,-87.172 -70.64,-157.84 -157.802,-157.887 z M 721.254,645.121 c -6.672,-11.894 -19.035,-18.601 -31.766,-18.601 -6.058,0 -12.144,1.484 -17.769,4.632 -106.27,59.52 -177.84,176.399 -178.305,291.172 v 1.11 c 0.434,109.146 60.598,208.406 157.324,259.266 17.77,9.35 39.77,2.51 49.133,-15.26 9.363,-17.79 2.535,-39.77 -15.266,-49.14 -72.898,-38.35 -118.23,-113.17 -118.417,-195.39 0.218,-89.461 56.859,-181.117 141.07,-228.289 17.551,-9.789 23.797,-31.976 13.996,-49.5 z M 487.203,510.141 c -7.199,-8.125 -17.215,-12.239 -27.223,-12.239 -8.593,0 -17.214,3 -24.136,9.118 C 279.078,645.988 199.566,791.004 199.566,938.113 v 1.762 c 0,126.405 77.164,270.165 179.418,334.345 17.028,10.64 39.493,5.51 50.153,-11.51 10.691,-17 5.562,-39.46 -11.465,-50.14 -81.516,-51.11 -145.363,-170.92 -145.363,-272.695 v -1.762 c 0,-125.386 71.257,-252.109 211.773,-376.613 15.078,-13.352 16.441,-36.34 3.121,-51.359 z M 1402.63,1440 C 1220.62,1440 1058,1343.56 963.828,1202.75 869.656,1343.56 707.035,1440 525.023,1440 234.977,1440 0,1205.01 0,914.988 0,730.98 116.539,598.328 238.285,475.57 L 714.273,25.5508 c 24.942,-23.58205 65.993,-5.9024 65.993,28.418 V 404.59 c 0,101.449 82.156,183.699 183.562,183.867 101.402,-0.168 183.562,-82.418 183.562,-183.867 V 53.9688 c 0,-34.3204 41.05,-52.00005 65.99,-28.418 L 1689.37,475.57 c 121.74,122.758 238.28,255.41 238.28,439.418 0,290.022 -234.97,525.012 -525.02,525.012"></path> </g> </svg> </div> </div> <div class="group absolute top-[31%] left-[17%] grid size-30 -translate-1/2 place-items-center" aria-hidden="true"> <div class="grid size-17 place-items-center rounded-icon bg-[#ef4438] shadow-[0_16px_34px_color-mix(in_srgb,#ef4438_30%,transparent)] transition-transform duration-200 ease-out group-hover:scale-[1.08]"> <svg class="size-10 text-white" data-distribution-icon="pocket-casts" viewBox="0 0 24 24" fill="currentColor"> <path d="M12,0C5.372,0,0,5.372,0,12c0,6.628,5.372,12,12,12c6.628,0,12-5.372,12-12 C24,5.372,18.628,0,12,0z M15.564,12c0-1.968-1.596-3.564-3.564-3.564c-1.968,0-3.564,1.595-3.564,3.564 c0,1.968,1.595,3.564,3.564,3.564V17.6c-3.093,0-5.6-2.507-5.6-5.6c0-3.093,2.507-5.6,5.6-5.6c3.093,0,5.6,2.507,5.6,5.6H15.564z M19,12c0-3.866-3.134-7-7-7c-3.866,0-7,3.134-7,7c0,3.866,3.134,7,7,7v2.333c-5.155,0-9.333-4.179-9.333-9.333 c0-5.155,4.179-9.333,9.333-9.333c5.155,0,9.333,4.179,9.333,9.333H19z"></path> </svg> </div> </div> <div class="absolute top-1/2 left-1/2 grid size-27 -translate-1/2 place-items-center rounded-[30px] bg-sheet shadow-[0_10px_8px_color-mix(in_srgb,var(--color-ink)_18%,transparent)]" aria-hidden="true"> <img class="relative z-10 size-19 rounded-[18px]" src="/_astro/favicon.DM5dyM1q.svg" width="76" height="76" alt=""> </div> </div> <p class="text-[16px] leading-[1.6] text-muted max-[520px]:block min-[521px]:hidden">
Listenbox publishes to video platforms, podcast apps, RSS, and the
            show website from one episode record.
</p> </div> </div> </section> <section id="release-day" class="bg-primary-hover px-page-x py-section-y text-sheet max-[820px]:px-4.5"> <div class="grid grid-cols-[minmax(0,0.62fr)_minmax(420px,1fr)] items-start gap-lg max-[980px]:grid-cols-1"> <div> <div> <h2 class="max-w-185 text-[clamp(36px,4.6vw,66px)] leading-[0.98] font-[760] tracking-normal text-balance">
Let AI do the tedious stuff
</h2> <p class="mt-5 max-w-155 text-[18px] leading-[1.7] text-pretty text-line">
With Listenbox tools, a podcaster can ask Codex or Claude to turn
              source media into transcripts, player-ready notes with chapters,
              and release details.
</p> </div> </div> <div class="overflow-hidden rounded-xl border border-[color-mix(in_srgb,var(--color-sheet)_18%,transparent)] bg-sheet text-ink" aria-label="Codex session preparing podcast episode notes and release checks"> <div class="flex min-h-9 items-center gap-2 border-b border-border bg-sheet px-3"> <span class="size-2.5 rounded-full bg-danger" aria-hidden="true"></span> <span class="size-2.5 rounded-full bg-warning" aria-hidden="true"></span> <span class="size-2.5 rounded-full bg-success" aria-hidden="true"></span> <p class="ml-3 truncate text-[13px] leading-none font-bold">
Prepare The Recipe release
</p> <span class="ml-auto text-[13px] leading-none text-muted" aria-hidden="true">...</span> </div> <div class="grid grid-cols-[160px_minmax(0,1fr)] max-[640px]:grid-cols-1"> <aside class="grid content-start gap-4 border-r border-border bg-surface p-3.5 max-[640px]:hidden" aria-label="Codex sidebar"> <div class="grid gap-1"> <p class="rounded-md bg-sheet px-2.5 py-2 text-[13px] font-semibold">
New chat
</p> <p class="px-2.5 py-2 text-[13px] font-semibold text-muted">Search</p> </div> <div class="grid gap-1"> <p class="px-2.5 text-[12px] font-semibold text-[oklch(0.555_0.003_95)]">Projects</p> <p class="rounded-md bg-primary-soft px-2.5 py-2 text-[13px] leading-tight font-semibold">
The Recipe
</p> <p class="px-2.5 py-2 text-[13px] leading-tight font-semibold text-muted">
Signals &amp; Threads
</p> <p class="px-2.5 py-2 text-[13px] leading-tight font-semibold text-muted">
The Rest Is History
</p> <p class="px-2.5 py-2 text-[13px] leading-tight font-semibold text-muted">
Developing Leadership
</p> </div> </aside> <div class="min-w-0"> <div class="p-4"> <div class="min-w-0"> <div class="ml-auto max-w-118 rounded-lg bg-surface px-3.5 py-3 text-[14px] leading-[1.45] font-semibold text-ink">
Prepare this week's episode for The Recipe from <span class="rounded-sm bg-surface-muted px-1.5 py-0.5 font-mono text-[12px]">recipe-217.wav</span> </div> <div class="mt-4 border-t border-border pt-3.5"> <p class="mb-3 flex items-center gap-2 text-[13px] font-semibold text-muted">
Worked for 24s
<span aria-hidden="true">›</span> </p> <div class="grid gap-3 text-[14px] leading-[1.55] text-ink"> <p>
I prepared the transcript, chapter timestamps, player
                        notes, and release fields for Listenbox.
</p> <pre class="overflow-x-auto rounded-lg bg-surface p-3 font-mono text-[12px] leading-[1.55] text-ink"><code>listenbox media transcribe recipe-217.wav
listenbox episodes draft --show the-recipe</code></pre> <p>
The draft is ready for producer review. Listenbox keeps
                        the source media, player notes, publish fields, and
                        release gates in one episode workflow.
</p> </div> </div> <div class="mt-4 grid min-h-15 content-between rounded-xl border border-border bg-sheet px-3 py-2.5"> <p class="text-[14px] text-[oklch(0.72_0.002_95)]">Ask for follow-up changes</p> <div class="mt-3 flex items-center gap-2 text-[13px] font-semibold text-muted"> <span class="text-[20px] leading-none">+</span> <span class="rounded-full bg-primary-soft px-2.5 py-1 text-primary-hover">
Approve for me
</span> <span class="ml-auto text-ink">5.5 High</span> <span class="grid size-8 place-items-center rounded-full bg-muted text-sheet" aria-hidden="true">↑</span> </div> </div> </div> </div> </div> </div> </div> </div> </section> </main>  <footer class="border-t border-[color-mix(in_srgb,var(--color-ink)_10%,transparent)] bg-primary-hover px-page-x py-8 text-sheet max-[820px]:px-4.5"> <div class="flex items-center justify-between gap-x-8 gap-y-5 max-[760px]:flex-col max-[760px]:items-start"> <div> <a class="inline-flex items-center gap-2.5 text-[17px] font-bold focus-visible:[outline:3px_solid_var(--color-focus-inverse)] focus-visible:outline-offset-[3px]" href="/"> <img class="size-7.5 rounded-button" src="/_astro/favicon.DM5dyM1q.svg" width="30" height="30" alt="" aria-hidden="true"> <span>Listenbox</span> </a> </div> <nav class="flex flex-wrap items-center justify-end gap-x-5 gap-y-2.5 text-[15px] font-semibold text-line max-[760px]:justify-start" aria-label="Footer navigation"> <a class="hover:text-sheet focus-visible:[outline:3px_solid_var(--color-focus-inverse)] focus-visible:outline-offset-[3px]" href="/youtube-migration/">YouTube migration</a> <a class="hover:text-sheet focus-visible:[outline:3px_solid_var(--color-focus-inverse)] focus-visible:outline-offset-[3px]" href="/privacy/">Privacy policy</a> <a class="hover:text-sheet focus-visible:[outline:3px_solid_var(--color-focus-inverse)] focus-visible:outline-offset-[3px]" href="/terms/">Terms</a> <a class="hover:text-sheet focus-visible:[outline:3px_solid_var(--color-focus-inverse)] focus-visible:outline-offset-[3px]" href="mailto:hello@listenbox.app">hello@listenbox.app</a> </nav> </div> </footer> </body></html>