Framer 3.0 Neon Product Reveal
A wordless software launch film that turns glowing UI details into an agent workflow demo and cinematic brand finish.
Field notes / why it works
A blue trace resolves into a recognizable editor by about 0:01, making the opening visual mystery pay off quickly despite no cut until 0:10. The 0:16–0:38 demo escalates from page changes to responsive layouts and code output; the strongest replay peak is at 0:31.9–0:32.7 during the code-component request. Fourteen within-shot changes sustain momentum across only 10 shots before the 0:50 title and abstract brand finish.
Plate 01 / The format in one breath
A widescreen, music-led software launch film opens with a luminous trace that resolves into the product interface, then turns the interface into a series of proof moments. It gives viewers a concrete look at collaboration and an agent-assisted workflow before closing with an abstract brand montage. There is no spoken explanation: cursor actions, legible UI, a few short title cards and the soundtrack carry the story.
Why it works
- The first second contains a bright blue vertical trace on almost black; by 1.0 seconds it becomes a recognizable canvas window, creating a reveal inside one long opening shot.
- The 16.0–38.1 second agent segment shows prompts, responsive page variants and a generated code component. The strongest replay peak is 31.9–32.7 seconds, as that code-component request becomes visible.
- Only nine cuts occur in 75 seconds, but 14 changes within shots keep the product moving. A new title and abstract montage at 50.3 seconds shifts from proof to launch emotion.
Plate 02 / Format card
| Platform · aspect · length | YouTube · 16:9 · 1280×720 · 29.97 fps · 75.0 s |
| Pace | 10 shots, 9 cuts, 7.2 cuts/min; 14 internal changes; 18.4 picture changes/min; mean shot 7.5 s, median 5.0 s |
| Script | No spoken words; sparse product UI and title text. Make each key UI action readable without audio. |
| Voice | None; no presenter or narrator. |
| On screen | Interface macro views and product demos for roughly the first 50 s; title and abstract motion/brand reveal for roughly the last 25 s. |
| Captions | No speech captions. Interface labels are small; title cards use centered white sans serif. |
| Sound | Tonal, music-like bed around 121 BPM; measured −13.8 LUFS integrated, 6.6 LU range, +0.3 dBFS true peak. Individual effects are not clearly verified. |
| Structure | 5 phases: interface tease → collaboration/branching → agent proof → broader product montage → title and brand finish. No spoken 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