Sixteen UI Motion Studies in One Grid
An eight-second silent 4×4 gallery lets sixteen interface, type, and data animations unfold at once.
Cut map not recorded
Field notes / why it works
The complete sixteen-tile promise is visible at 0:00, so viewers understand the collection immediately. By about 2.75 seconds, parallel changes across player, chart, dock, type, and image tiles deliver multiple small payoffs within one uncut eight-second frame; the density invites inspection and likely replay (inferred).
Plate 01 / The format in one breath
A warm off-white poster holds a 4×4 gallery of sixteen miniature interface animations. The title promises a numbered collection immediately; every tile moves inside a fixed card while the overall poster remains stationary. The viewer can scan the whole grid or replay to inspect a single example.
Why it works
- The title and all sixteen labeled examples are visible at 0:00, so the promise is clear before any animation finishes.
- From roughly 0:01 to 0:02.75, many tiles reach recognizable second states at once: a player appears, search results populate, bars become a chart, and a masked image reveals itself. This makes the static camera feel busy without cuts.
- The 8-second duration gives a viewer little time to inspect sixteen demonstrations; revisiting individual tiles is a plausible replay incentive (inferred).
Plate 02 / Format card
| Reference | |
|---|---|
| Platform · aspect · length | X · 800×1000, 4:5 · 8.0 s at 20 fps |
| Pace | 1 full-frame shot · 0 cuts/min · 1 measured whole-picture step at 1.05 s · 8.0 s average shot |
| Script | No spoken words; short title, subtitle, sixteen tile labels, small in-tile UI copy |
| Voice | None |
| On screen | 100% designed HTML/SVG-style motion graphics; sixteen simultaneous demos in a 4×4 grid |
| Captions | None; permanent editorial labels under each tile |
| Sound | No audio track: no music, effects, or speech |
| Structure | Immediate gallery reveal → staggered state changes → continued parallel motion; no spoken CTA |
Pro / 13 plates + recipe
The first plates are open. The full dissection is Pro.
Get the timed shots, type and sound specs, and the runnable recipe.
Open the full blueprint- Plate 03 / The hook, frame by frame (first 2.75 seconds)Pro
- Plate 04 / Structure (beat sheet)Pro
- Plate 05 / Shot grammarPro
- Plate 06 / Visual style guidePro
- Plate 07 / Voice and deliveryPro
- Plate 08 / Sound designPro
- Plate 09 / PackagingPro
- Plate 10 / Storyboard templatePro
- Plate 11 / Production planPro
- Plate 12 / PromptsPro
- Plate 13 / Edit recipePro
- Plate 14 / QA checklistPro
- Plate 15 / Make it yoursPro
- Recipe / runnable promptPro