Lesson Video — The Frame
One 16:9 canvas, six zones, both themes — and the live furniture that is deliberately absent
Seventeen recording layouts on one 16:9 frame, each drawn in light and dark: sharing your screen, on camera, slides and code, and the four cards a lesson cuts to. No live badge, no ticker, no chat — a lesson is a file, not a moment.
The frame
Fixed before the first take and never touched again. Of the six zones, exactly one — the stage — changes between scenes; the kicker, the lesson index and the mark stay on the same pixels for the whole lesson, which is what lets someone who joins at minute nine know what they are watching.
One 16:9 canvas, six zones, both themes — and the live furniture that is deliberately absent
Pick the scene by what you are doing
Not by what you feel like cutting to. Every row below is a thing a teacher is actually doing at a moment in a lesson, and the scene that serves it. If your situation is not in this table, the answer is almost always scene 02 or scene 07.
01 | Clicking through the org, running a query, watching a deploy — your hands matter, your face does not | Screen, full frame |
02 | Screen-share teaching where reactions carry meaning — the default for most lessons | Screen + camera, corner |
03 | The shared window is narrow (a form, a record) and you are explaining rather than demonstrating | Screen + camera, column |
04 | A procedure with more than three steps | Screen + step rail |
05 | One error, one field, one line of a debug log | Screen detail, zoomed |
06 | The first fifteen seconds — hook, promise, who you are | The open |
07 | The why, the caveat, the common mistake — argument, not demonstration | Camera, full frame |
08 | The one sentence you want them to remember | Camera + point card |
09 | Walking a diagram while gesturing at it | Camera + slide, two-up |
10 | Structure, definitions, a list — anything you cannot demonstrate | Slide, full frame |
11 | The same slide, but the explanation runs long | Slide + camera, corner |
12 | Reading a prepared snippet line by line | Code, full frame |
13 | Showing a mistake and the error it produces | Code + result |
14 | Two seconds after the hook | Title card |
15 | Crossing from one section to the next | Chapter card |
16 | The last minute — what they can now do | Recap card |
17 | The last ten seconds — the only CTA in the lesson | End card |
Sharing your screen
The five scenes that carry most of a technical lesson. All of them assume the shared source is already 16:9 at native 1080p — a stretched or letterboxed screen is the fastest way to make good teaching look cheap, and the rules for getting that right are on the Live stream page, where they apply identically.
Five screen-share scenes, each in both themes: screen alone, with a camera, with a rail, and zoomed
On camera
Four scenes for the parts of a lesson that are an argument rather than a demonstration. Eyes on the upper-third line, a hand's width of headroom, the same crop the course thumbnails use — and the camera keeps one size and one corner for the entire lesson.
Four camera scenes in both themes: the open, straight-to-camera, with a point card, and two-up with a slide
Slides and code
A deck built at 1920×1080 needs no scaling at all, which is the sharpest possible path to the viewer — and it inherits the system's kicker, heading and mono-index voice, so a slide is recognizably the same brand as the course page it sits inside.
Four scenes in both themes: a slide alone, a slide with camera, full-frame code, and code beside its result
The cards between the teaching
Four full-frame cards with no camera and no screen. They are the lesson's punctuation: they give the viewer somewhere to breathe, they give the platform its chapter marks, and they are geometrically the same assets as the thumbnails, so a course reads as one thing from the grid all the way into the video.
Four full-frame cards in both themes: title, chapter, recap and end — no camera, no screen
Light or dark?
Both ship. The rule is that one lesson picks one and holds it — never switch themes mid-lesson, and never mix a dark card with a light stage. Within a course, a whole module may differ from another; a single lesson may not.
Record dark when
Record light when
Whichever you pick, the geometry is identical: every scene above is one layout with a swapped palette, driven by the same seven variables. If the light version needs a different arrangement, the arrangement was wrong.
Cutting rhythm
2s | Title card · chapter card | Hard cut in, hard cut out. Long enough to read, short enough not to be skipped. |
6–8s | Lesson title and name plate on the open | They leave together, once, and never return. |
10–40s | Camera, full frame | A punctuation mark. Past about 40 seconds it stops reading as emphasis and starts reading as a webcam recording. |
as long as it takes | Screen scenes | The stage may hold for minutes — as long as something on it is changing. A still screen with narration over it is a slide, so cut to one. |
320ms | Every transition | The brand-bar wipe, or a hard cut. No crossfades, no zooms, no stingers with sound effects. |
10s | End card | Held in silence. Do not talk over it and do not cut it short — the platform's own end-screen elements need the room. |
Recording settings
The failure modes
What makes a lesson look improvised
What belongs to a live stream and never here