An interactive study of how things move on a screen — how weight, timing and scroll turn a page into something you play with.
- Sequence01
- Scale02
- Weight03
- Time04
- Resolution05
Shift
(Intro)
Motion is a material. Like type or colour, it has weight, rhythm and a voice of its own — and a page can be built from it.
01Sequence
Eight frames, one gesture.
02Scale
In focus
A small frame becomes the whole view. Only the clip-path and the picture's scale change — nothing reflows.
(Pivot)
Five letters on one rivet.
Each card turns at its own speed — S quickest, T slowest — so the stack folds and fans out as you pass.
03Weight
Grab a word. Throw it.
- Ease
- Stagger
- Scrub
- Spring
- Pin
- Mask
- Inertia
- Delay
- Loop
- Rhythm
- Gravity
- Timing
04Time
Every animation is a clock.
Local time
- London
- New York
- Tokyo
05Resolution
Detail arrives as you scroll.
Resolution 1/64
(Recap)
Recap: sequence, scale, weight, time and resolution
(Pull)
Everything near a moving thing makes room for it.
Each letter steps out onto the rim of the disc and turns to follow it, then settles back once it has passed.