Vaul’s silent drawer interaction tour
A centered phone demo opens a drawer in under a second, then proves docs, nested panels, and scrolling in one silent take.
Field notes / why it works
The product and purpose are readable on the opening frame, and the bottom drawer moves by 0:00.65. A fixed phone with zero cuts keeps attention on the interface while 11 state changes escalate from a basic gesture to docs, nested panels, and snap points by about 0:18.
Plate 01 / The format in one breath
A silent, uninterrupted phone demo begins on a sparse product landing page, opens the core UI within a second, then moves through documentation and two richer examples. The viewer learns what the product does by watching it respond to touch, without narration or editorial captions.
Why it works
- The landing page names the object and purpose immediately; the main interaction begins at 0:00.65.
- One fixed phone and no cuts make the drawer's movement easy to follow. There are 11 internal picture changes in 20.7 seconds.
- The demo widens its proof: basic drawer at 0:01, docs at 0:06.9, nested drawer at 0:10–0:12, and scroll/snap behavior at 0:15–0:19.
Plate 02 / Format card
| Platform · aspect · length | X post · 876 × 720 landscape (73:60) · 20.7 s · 60 fps |
| Pace | 1 continuous shot · 0 cuts/min · 11 in-shot changes, about 31.8/min · 20.73 s shot length |
| Script | No spoken script; UI labels and page copy carry the information |
| Voice | None |
| On screen | 100% centered mobile browser/product UI inside a black phone frame |
| Captions | None; text belongs to the interface |
| Sound | Effectively silent: no detected speech, music, or distinct effects; measured −70 LUFS |
| Structure | Landing → basic interaction → docs → nested example → scroll/snap example; hard stop |
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