Clear Session — readable OBS overlays for tutorial and making streams

Keep the current topic, the next step and the break message easy to read on stream. Clear Session gives you a topic lower third, a three-step side agenda and a full-frame break card, with an offline editor that exports one HTML file for OBS.

Change your words and colors, save an editable settings file, then add the exported HTML as a local Browser Source. Four supplied themes (or your own colors) and native 1080p and 720p examples are included. The editor checks color contrast and blocks an export when text would run outside the canvas.

Included: the offline HTML editor and its source, six ready-to-use examples, a saved-settings example, three captioned silent tutorials, a setup and troubleshooting guide, developer checks, and a licence for personal and commercial broadcasts and client productions. No monthly service.

Try it first: a free lower third and all three tutorials at https://ntoledo319.github.io/many-routes-clear-session-sample/

Limits: everything is entered by hand: no live alerts, chat or follower data, countdowns, automatic agenda progress, music or webcam frames. Needs desktop Chrome and OBS with Browser Source. 16:9 only.

Tested: this version in Chrome 150 on Linux, with all 24 theme, layout and size combinations rendered at 1920×1080 and 1280×720 and checked for fit and 4.5:1 contrast, plus 15 editor checks covering downloads, imports and offline use. This version also ran in OBS 32.2.2 on Linux: every combination loaded as a Browser Source at native size matched the Chrome renders, with nothing clipped and a clean transparent background. That test machine had no graphics card and missed its 30 FPS target, so there's no frame-rate or low-CPU promise. Try the free sample on your own streaming machine first. Windows and macOS are not yet verified.

Licence: use and modify the overlays in monetized streams, videos, events and client productions; you may deliver an exported overlay to a client. No resale or public redistribution of the editor or source pack. The free sample is MIT licensed.

Delivery: ZIP download. Extract it before opening index.html. Settings aren't autosaved, so keep your downloaded JSON.

Support: https://payhip.com/TheLanternLibrary/contact

Made with AI assistance: the code, text and tutorial graphics were generated with AI tools, then tested as described above.