Motion · built in code

Graphics that move on the word.

No timeline app. Every title, chart and cut is a line of code anchored to a timestamp in the narration, rendered at 4K. These are the openers; hover any loop to play it.

The Economics of Nike — title sequence

Rendered 3840×2160 · 30 fps · 12:15 episode

The reel

The Economics of Nike — title sequence
Camera-world opener, every element on a spoken word
One continuous camera move through the chapter space; kinetic type and charts assemble on the narrator's words.
Rendered 3840×2160 · 30 fps · 12:15 episode · 18s loop
Case study
The Economics of Formula 1 — opener
Continuous camera, 30-px type floor, paper texture
The Nike engine scaled up: one sentence, one visual idea; cut-outs for the specific, drawn vectors for the generic.
Rendered 1920×1080 · 60 fps · 17:29 episode · 18s loop
Case study
Eight Words — a vertical Short
Animated tweet-card rig, Morningstar motion law
Motion at the beat, stillness between: the card rig moves only when the narration does.
Rendered 1080×1920 · vertical · 15s loop
Map reveal — vox-kit demo
Mask-first transitions, pop-colour mats
A reusable map component: region highlight, place connect, zoom-to-location, driven from a data file.
vox-kit component library · 8s loop
Case study

How it's made

01
Script
one sentence = one visual idea
02
Voice
local neural narration, ~138 wpm
03
Align
word-level timestamps
04
Direct
every element gets its word
05
Build
HyperFrames + GSAP timeline
06
QC
ten measured audits
07
Render
4K / 8K masters

Nike showcase, 30 fps

fps, F1 episode

films on Far Corners

cut per spoken word

Tools

HyperFrames compositions driven by GSAP timelines, narration aligned to the word with Whisper, cut-outs from real photographs for anything specific, drawn vectors for anything generic, ffmpeg for the masters, and QC agents that measure sync, loudness and framing before anything is published.

Only sequences that are my own graphics appear here; the episodes also contain licensed footage that isn't shown.