From Pixel Web to Abstract Flow
A 31-second Agglayer motion montage turns retro web UI into flowing, colorful geometry and a spare end mark.
Field notes / why it works
The first 3.2 seconds build a wordless mini-story from a linked globe to crowded browser windows and a cursor-driven character gag. Six cuts in the first 10 seconds create momentum, while long morphing sections at 11.4–19.7 and 22–31 seconds let ribbons and geometry develop without losing the cobalt/yellow/orange color thread.
Plate 01 / The format in one breath
A fast, wordless product mood film starts with a familiar old-computer problem, then escapes the interface into a colorful, elastic visual world. Each section offers a new material or shape, while the yellow/blue palette and rhythmic motion hold it together. The post describes this as a montage from a longer explainer, so the 31 seconds suggest a product feeling rather than teaching the product mechanics.
Why it works
- The first second shows a globe linked to a small computer; at 1.0 s it becomes a crowded browser-like interface. The visual premise is readable without narration.
- Six cuts arrive in the first 10 s, then longer animated holds at 11.4–19.7 and 22.0–31.0 s let the complex morphs develop.
- The same cobalt, lemon, orange and pale blue move from pixel UI (0–3 s) into ribbons, discs and geometric shapes (8–28 s), creating continuity through major visual changes.
Plate 02 / Format card
| Platform · aspect · length | X · 1280×720 · 16:9 · 24 fps · 31.0 s |
| Pace | 11 detected shots; 10 cuts; 19.4 cuts/min measured, up to 34.9 if uncertain changes are cuts; 21.3 measured picture changes/min; mean shot 2.82 s, median 1.21 s |
| Script | No spoken words; the two “Music” transcript hits are audio-label artifacts |
| Voice | None; no presenter or narration |
| On screen | Entirely designed motion graphics: pixel UI, abstract dimensional forms, one illustrated character insert |
| Captions | No spoken-word captions; only small, mostly illegible UI marks in the opening |
| Sound | Continuous music indicated in facts; rough beat estimate 129 BPM (confidence 0.45); no clear recurring cut SFX; −12.3 LUFS integrated, −0.6 dBFS true peak |
| Structure | Connection → intrusive old UI → escape → material/shape variations → humanizing character → geometric close; no spoken CTA |
Blender for 3D · Remotion for motion graphics · a licensed or generated music track · yes
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 3 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 / Visual script templatePro
- Plate 11 / Production planPro
- Plate 12 / PromptsPro
- Plate 13 / Edit recipePro
- Plate 14 / QA checklistPro
- Plate 15 / Make it yoursPro