Screens
Naming every token
Why the second colour you add ruins the system.
1 · left rule
The card that runs everything
2 · numeral
Making it fast
3 · centred + rules
Deleting 4,000 lines of CSS
4 · lower band — footage keeps playing above it
“Just use a framework.”
— every comment, every week5 · quote-title — once per video at most
One title style per video. Mixing them reads as five different channels — which is exactly what the grammar exists to prevent.
.scene-title · .title-2…5
element
1 · classic
2 · centred — for when the video ended on a strong line
3 · list — when the next videos need explaining
Every episode, written out
4 · newsletter — asks for an email instead of a click. The highest-value ask, and the one most channels never make.
Thanks for watching the whole thing
5 · minimal — for essays, where a wall of cards would cheapen the ending
All five keep YouTube's element geometry: two 16:9 slots and one circular subscribe target, none within 6% of an edge. The dashed regions are holes for the platform's own UI — mark them, don't decorate them.
.scene-end · .end-2…5 · .end__slot · .end__target