Webflow MCP 2.0 UI Launch Cutdown
A 30-second square feature launch that turns a minimalist title reveal into UI proof of speed, instructions, and governance.
Field notes / why it works
The product and version resolve in the first second, making the news clear before narration starts at 0:01.5. Five broad shots use eight internal visual steps to move from chat context to actual UI proof, while blue labels at about 0:11.6, 0:16.1, and 0:20.0 make each benefit scannable. The 0:17.6 switch from dark editor to bright governance screen reinforces the spoken turn from speed to control.
Plate 01 / The format in one breath
A square, voice-led launch cutdown starts with a minimal product name reveal, then moves through real interface evidence. The narration moves from a recognizable change in the audience's workflow to the new capability, then adds a trust or control point and ends with availability plus a spoken call to action.
Why it works
- The opening builds a clear product identity by 0:01, with white type on black and a blue band behind the version number; narration begins at 0:01.5.
- The value claim at 0:11–0:14 is paired with a visible settings panel and the large “Design & Build faster with AI” label, making an abstract AI feature concrete.
- The 0:17.6 switch to a white governance interface changes the visual field as the voice turns to doing the work correctly; the final 7.5 s leaves time for a logo and CTA.
Plate 02 / Format card
| Platform · aspect · length | YouTube · 1:1 square · 360 × 360 measured source · 23.98 fps · 30.0 s |
| Pace | 5 shots · 4 cuts / 8 cuts per minute · 8 internal step changes / 24 total picture changes per minute · mean shot 6.01 s, range 3.0–8.55 s |
| Script | 66 spoken words · 174 wpm over runtime, 213 wpm while speaking · five sentences averaging 13.2 words · no questions |
| Voice | Low-register, animated, assured adult narrator; close and brisk delivery; no person appears on camera |
| On screen | Approximately 75% interface or interface composite, 25% type/logo motion (inferred from the shot sheet and durations) |
| Captions | Small white sentence subtitles near the bottom, generally one or two lines; large blue rounded feature labels above UI proof |
| Sound | Continuous tonal bed detected under speech; possible accents at two of four cuts; measured −19.7 LUFS integrated, −0.1 dBFS true peak |
| Structure | Five beats: name and context → capability → design system proof → governance → availability and CTA |
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