Responsive layouts feature montage
A Rive feature launch that demonstrates responsive layout through reflowing type and a rapid gallery of UI examples.
Field notes / why it works
The first 3.5 seconds turn the headline itself into a responsive-layout demonstration, so the promise is visible before the narration begins. Three named mechanics at 0:12–0:18 give the following interface gallery a clear logic, while 18 shots and 9 internal changes maintain a brisk 33.5 picture changes per minute. A voice-free coda from about 0:39 lets the final UI motion and logo settle.
Plate 01 / The format in one breath
A feature announcement leads with a responsive title built from movable text boxes, then runs through a gallery of distinct interface examples. The narration moves from what the feature does, to three specific behaviors, to useful applications and a brief future-facing sign-off.
Why it works
- The silent-viewing promise appears in the first second: “CREATE,” “LAYOUTS,” “IN,” and “RIVE” visibly reflow before the narrator starts at 3.54 s. The changing line breaks demonstrate the concept.
- The explanation names a behavior as a screen example shows it: content resizing at 0:08–0:11, pushing/reflowing/pinning at 0:12–0:18, and varied applications from 0:20 onward.
- About 33.5 picture changes/min keep the gallery moving, while the final 7.6 seconds become a quiet brand and animation coda after speech ends.
Plate 02 / Format card
| Platform · aspect · length | X · 1280×720, 16:9 · 46.6 s · 30 fps |
| Pace | 18 shots, 17 cuts, 21.9 cuts/min; 9 internal changes; 33.5 picture changes/min; mean shot 2.59 s, median 1.95 s |
| Script | 81 spoken words; 139 wpm overall, 163 wpm while talking; 8 short sentences, no questions |
| Voice | Clear, animated medium-register product narrator; speech starts at 3.54 s and ends before 0:39 |
| On screen | Kinetic title 0:00–0:04; mostly product/editor captures and designed UI examples 0:04–0:44; black logo close 0:44–0:46.6 |
| Captions | No running subtitles. Only the opening headline and text native to the interface examples. |
| Sound | Continuous tonal/music-like bed; measured roughly 87 BPM, −16.5 LUFS integrated, −0.3 dBFS true peak; no clear cut-synced effects |
| Structure | Title promise → feature rule → three behaviors → application gallery → animate-property payoff → future examples → logo |
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