A Website Builder Revealed Through Type and UI
A 50-second product launch film turns a kinetic speed claim into sitemap, wireframe, AI, and tool-handoff proof.
Field notes / why it works
An oversized word resolves into a readable benefit and coloured underline by about 0:01.25, then product UI enters around 0:03. The film reopens attention with copy and AI claims around 0:14 and 0:25, shows a real tool handoff around 0:38, and leaves a long, clear brand hold from roughly 0:42 to 0:50. Its five broad scenes stay readable while typed inputs, UI reveals, cursor motion, and scale changes supply movement within them.
Plate 01 / The format in one breath
A 50-second, silent-viewing-friendly product launch film makes a speed promise in large black type, then turns that promise into moving product evidence: a site structure, generated pages, and a handoff into design tools. It uses a restrained grey canvas and small warm-to-violet accents so the product UI carries the middle.
Why it works
- The first second resolves an oversized word into the benefit claim; a bright underline completes the hook at roughly 0:01.2.
- The text promise gives way to visible software by 0:03–0:07, then to copy and AI workflow demonstrations at 0:14–0:29.
- At 0:33, the film opens a second promise, tool compatibility, and pays it off with an actual context menu at 0:38 before the 0:46 logo card.
Plate 02 / Format card
| Reference | |
|---|---|
| Platform · aspect · length | X · 1280 × 720, 16:9 · 50.1 s · 23.98 fps |
| Pace | 5 measured shots, 4 cuts, 4.8 cuts/min; 6 detected internal steps; 12.0 measured picture changes/min; 10.02 s mean shot |
| Script | No spoken words; short headline fragments and UI labels carry the story |
| Voice | None |
| On screen | Full-frame kinetic type and composited screen/UI demonstrations; no people or live-action footage |
| Captions | No speech captions; central black keyword/headline cards, typically 1–5 words |
| Sound | Continuous tonal music-like track, about 134 BPM (rough estimate); sound accents on about half the cuts (inferred); −8.9 LUFS measured |
| Structure | Promise → design/build proof → copy → AI generation → integrations → logo |
The cut detector counts abrupt changes, so its first detected step is 0:06.95. The contact sheet clearly shows continuous text scaling and an underline being drawn in the first second; the opening is animated even though there is no counted cut.
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