01
Content motion is slower than UI motion
The product UI moves in --duration-fast/--duration-base (120–180ms, instant/literal). Video/social content uses a separate, slower scale — 400–900ms — because it's watched, not operated.
02
Same easing family, stretched
Reuse --ease-out (cubic-bezier(0.2,0.6,0.2,1)) for every reveal — never a bounce, spring, or elastic curve. Motion should feel engineered, like a terminal boot sequence, not playful.
03
Text reveals via clip-path wipe, left→right
Titles and kickers reveal with a hard-edged clip-path wipe (0% → 100% width), not a fade and not a blur-in. It matches the hairline-grid, sharp-edge visual language.
04
The top accent bar always animates first
Every intro starts with the brand-500 top bar drawing in (0 → 100% width, 300ms), before kicker or title move — it's the brand "cursor" landing.
05
Background patterns drift, never pulse
If a pattern animates in a reel/loop, it's a slow linear pan (60–120s loop, imperceptible per-frame) — never a scale-pulse or opacity-flicker, which reads as a loading spinner.
06
Index numbers count up, don't pop
Lesson index badges animate by incrementing the digit (00→02) over ~400ms, not scaling or bouncing in — consistent with mono numerals feeling "computed," per the Mono-as-Data principle.
07
CTAs get one subtle pulse, then stop
A "Watch free" / "Swipe up" badge may pulse its background opacity once or twice (2 cycles max, ~1.2s each) then hold static — motion should never loop forever and distract from the content.
08
Transitions between clips: hard cut or wipe
Cut on-beat, or a brand-500 bar wipe transition (bar sweeps full-frame in ~250ms, revealing next scene). Never a crossfade/dissolve or 3D cube/page-turn effect.
09
Outro: mirror the intro, reversed
End cards wipe the title out right→left as the accent bar shrinks back to 0 — motion should feel symmetrical, like a well-formed bracket.
10
Respect reduced motion always
Every content export needs a static (no-animation) fallback frame — same layout, motion collapsed to instant, per the system-wide prefers-reduced-motion rule.