Design System
View
Social · Production

Webinar pipeline

A webinar video is the long, calm sibling of the YouTube explainer: about an hour of plain-language teaching, carried mostly by slides, with b-roll and stills to rest the eye between ideas. It uses the same voice, brand, and footage library as the video pipeline, without the subscribe beat or the shorts.

How it differs from the YouTube pipeline

The source

A webinar is one file, video/webinars/SLUG/webinar.json: a cover question, a style (Minimal, Accent, or Bold), chapters, and an ordered list of beats. Each beat is what the narrator says plus exactly one picture: a slide (any Presentations slide type), a b-roll clip, or a still with a slow push, pull, or pan. The format and rules live in src/lib/webinar-templates.ts.

Checked in CI. npm run check:video runs scripts/check-webinars.mts over every source and names each beat that breaks a rule.

Slides on screen

Webinar slides take their structure and look from the Presentations templates (the same slide types, palettes, gold accent, and lozenges) but are drawn as responsive HTML in video/remotion.tsx, not the fixed PowerPoint layout. Every text size scales with one factor: after the fonts load, the slide measures its content and shrinks that factor until nothing overflows, so a long bullet or a dense table reflows instead of spilling off the frame. Items build in across the narration. Slides carry their own logo and page number; the YouTube watermark and subscribe pill are off for webinars.

Stills

Stills come from src/lib/stills.json: frames taken from the b-roll where the subject is sharp and clearly the focus, and stills generated with the Photography art direction. npm run stills -- candidates pulls six frames per clip to choose from; npm run stills -- export builds the originals and web copies; npm run stills -- register stages the originals as TimDS media for npm run timds -- assets publish.

Test webinar: Estate planning essentials

“Is your estate plan actually a plan?” · 59.1 minutes · 8,866 words · 167 beats: 89 slides (about 41 words each), 6 b-roll accents, 72 stills.

Status

Not yet renderable. TimDS requires every production in video/productions/ to ship five shorts and offers no webinar production type, so webinar sources live in video/webinars/ and are validated but not voiced or rendered. The renderer pieces above are in place for the TimDS webinar format.