NS Design System
v3.0.0 · 257 tokens

160Video structure & motion

Hooks, closures and the motion rules for moving brand assets — how the intro sting and scene transitions behave.

Hook Formulas & Closures

Reusable opening lines and closing lines, by content type

open ↗

Motion Guidelines

How thumbnails, reels, and intros/outros move — rules, not vibes

open ↗

Motion Demo — Intro Sequence

Live loop: bar draws in → kicker wipes → title wipes → index counts up → CTA pulses

open ↗

Motion Demo — Bar-Wipe Transition

Live loop: brand-500 bar sweeps full-frame to reveal the next scene

open ↗