creatordesign system
GitHub
Scenes
Broadcast · YouTube · Creator Design System

Scenes

Full 1920 × 1080 frames to screenshot or screen-record onto the timeline. Each is one self-contained element.

Swarnıl The build is the story

intro opener — the first three seconds. Wordmark, one promise, a rule that wipes in. Nothing to read.

Chapter 02

Naming every token

Why the second colour you add is the one that ruins the system.

title card — between chapters. Left-aligned, so it never competes with the centred opener.

01Ramps are raw material
02Components read aliases only
03Dark mode is one file
04No magic numbers, ever

points — only the live row is at full opacity, so the frame always says “we are here”.

The trick was never a faster computer. It was cutting the decisions I make after the shoot to almost zero.

Episode 07 · 04:12

quote

03
The card that runs everything

section break — a two-second breather. Big numeral, nothing to read.

Swarnil Singhai
Salesforce Engineer · EF Education First

lower third — enters from the left, dot-leading accent bar. Export transparent, or screen-record over the footage.