From browser link to a gallery of interfaces
A wordless Variant launch film turns a copied web page into an expanding gallery of generated UI and colour variants.
Field notes / why it works
The 0:00 browser selection gives the abstract tool a familiar input, and the black reset reveals a compact creation field by about 0:03.4. Across seven shots, the film escalates from a perspective gallery at 0:14.7 to dark UI alternatives at 0:22–0:26 and vivid palette variants at 0:36; seven interior picture changes keep the comparatively long shots active. A quiet end card at 0:43.5 leaves the access request to the accompanying post.
Plate 01 / The format in one breath
A cursor selects a live-looking website URL, then the film strips away the browser and moves into a dark creation workspace. One typed intent expands into many polished interface variations, ending with a short invitation to explore. The promise appears visually by 0:04: this tool can turn an existing starting point into a range of usable designs.
Why it works
- The opening uses an ordinary browser action at 0:00–0:02; the resulting floating search control at about 0:03.8 makes the capability feel immediate and legible without narration.
- The scale grows in stages: one reference at 0:00, a scattered gallery at 0:14.7, several dark dashboard variations at 0:22–0:26, then colour variations at 0:36.
- The film is patient at 7 shots across 47.1 seconds, but has 7 more changes inside shots. This lets viewers inspect the interfaces while keeping a fresh visual approximately every 3.6 seconds overall.
Plate 02 / Format card
| Platform · aspect · length | X post · 1280×720, 16:9 · 47.1 s · 60 fps |
| Pace | 7 shots, 6 cuts, 7.6 cuts/min; 16.5 total picture changes/min; mean shot 6.73 s, median 7.92 s |
| Script | No spoken script; sparse interface labels, one typed request, and a closing line |
| Voice | None; no person appears or speaks |
| On screen | Approximately 2 s browser capture, then nearly all dark UI motion/compositing and product gallery views |
| Captions | None; interface text acts as the explanation |
| Sound | Tonal music-like bed throughout; roughly 72 BPM (low-confidence estimate); −8.4 LUFS integrated, +1.0 dBFS measured true peak |
| Structure | 7 visual beats: source → invoke → type → examples → refine → variants → invitation; payoff grows from 0:14 through 0:40; CTA is in the post text |
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