Skip to content
refs
REF-3557Source onlineBlueprint rev 01

A workspace built through code

A music-led feature demo turns a typed agent request into visible Notion pages, moving from a minimal title to dark process and bright product proof.

Maker @NotionHQFor NotionOriginal post ↗
Cut timeline · 3 shots00:51
00:0000:1000:2000:3000:4000:50

Field notes / why it works

The capability is clear by 1.5 seconds, then the 34.3-second agent sequence makes the build feel observable rather than asserted. At 37.2 seconds the palette flips from dark terminal to bright product UI, where an overview and multiple pages verify the outcome before a simple logo close at about 48 seconds.

01

Plate 01 / The format in one breath

A plain title card announces a new capability; a coding-agent window turns a natural-language request into a built workspace; the finished product confirms the outcome. The visual engine is promise → process → proof, with no presenter or narration.

Why it works

  • The complete promise appears by 1.5 seconds in two centered lines, with its second line revealed word by word.
  • The process gets roughly 34 seconds (2.9–37.2), so the eventual interface reads as an earned result rather than a disconnected beauty shot.
  • The product UI arrives at 37.2 seconds and shows three concrete destinations—Library, Docs, then a team hub—before the logo close at about 48 seconds.
02

Plate 02 / Format card

Reference
Platform · aspect · lengthX · 16:9 · 1280 × 720 · 60 fps · 51.1 s
Pace3 measured shots; 2 cuts (2.3/min); 14 changes within shots; 18.8 total picture changes/min; mean shot 17.02 s
ScriptNo speech. Sparse title text, a legible natural-language build request, terminal progress, and interface labels.
VoiceNone. The coding agent appears only as on-screen UI text.
On screen~6% title card · ~67% dark coding-agent screen · ~27% light product UI and end mark (from measured shot durations)
CaptionsNone; no subtitles or spoken dialogue.
SoundContinuous music detected; ~89 BPM estimate; −9.0 LUFS integrated; no verified cut effects.
StructureThree phases: announcement 0–2.9; creation 2.9–37.2; UI proof and brand close 37.2–51.1.

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
  1. Plate 03 / The hook, frame by frame (first 3 seconds)Pro
  2. Plate 04 / Structure (beat sheet)Pro
  3. Plate 05 / Shot grammarPro
  4. Plate 06 / Visual style guidePro
  5. Plate 07 / Voice and deliveryPro
  6. Plate 08 / Sound designPro
  7. Plate 09 / PackagingPro
  8. Plate 10 / On-screen script templatePro
  9. Plate 11 / Production planPro
  10. Plate 12 / PromptsPro
  11. Plate 13 / Edit recipePro
  12. Plate 14 / QA checklistPro
  13. Plate 15 / Make it yoursPro
  14. Recipe / runnable promptPro