A Click Unfolds a Brand System
A 30-second brand-guidelines announcement turns one button click into a grayscale system of tiles, typography, UI components, code and a final URL.
Field notes / why it works
A lone button holds attention until the cursor activates it at 1.85 seconds, making the fast tile expansion feel caused by a user action. Five cuts in the first 5.2 seconds establish the palette and typography; then the slower component sequence gives viewers time to inspect the system before the URL appears around 26.5 seconds.
Plate 01 / The format in one breath
A minimalist announcement film presents one button on black, lets a cursor activate it, and transforms the click into an expanding visual system. The payoff is a brand-guidelines destination, reached through a sequence of typography, interface components, code and an abstract brand object.
Why it works
- The sole “Get started” button owns the first 1.85 s, so the click creates a clear cause for the visual explosion at 2.0–3.4 s.
- Five cuts arrive by about 5.2 s; then one long composition accumulates component details at 8.2, 10.6, 16.0 and 17.4 s. The film first earns attention with speed, then allows inspection.
- The white/black serif and sans letterforms at about 4.3 s make “brand system” legible without narration; the destination appears alone at about 26.5 s.
Plate 02 / Format card
| Platform · aspect · length | X · 16:9 · 1280×720 · 60 fps · 30.1 s |
| Pace | 6 measured shots, 5 cuts, 10 cuts/min, 17.9 picture changes/min; mean shot 5.01 s, median 1.21 s |
| Script | No spoken script; the isolated “You” transcript token at 27.5 s conflicts with the no-speech measurement and is treated as a false positive |
| Voice | None |
| On screen | Full-frame motion graphics and interface demonstration; no people or live footage visible |
| Captions | None; interface labels and the final URL carry the text |
| Sound | Instrumental/electronic bed (inferred), roughly 94 BPM; cut accents suggested by audio jumps on 60% of cuts |
| Structure | Single-action hook → expanding tiles → type identity → components/code → abstract object → URL |
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 / Script templatePro
- Plate 11 / Production planPro
- Plate 12 / PromptsPro
- Plate 13 / Edit recipePro
- Plate 14 / QA checklistPro
- Plate 15 / Make it yoursPro
- Recipe / runnable promptPro