Skip to content
refs
REF-2069Source onlineBlueprint rev 01

The Toggle That Opens an Outlook World

A 70-second music-led launch film turns a simple toggle into a blue 3D journey, then reveals usable light and dark Outlook interfaces.

Maker @MicrosoftDesignFor Microsoft OutlookOriginal post ↗
Cut timeline · 14 shots01:10
00:0000:1000:2000:3000:4000:5001:0001:10

Field notes / why it works

The plain off-to-on control holds the first three seconds, then expands into a blue 3D portal at about 0:04, the video's strongest replay peak (0:03.5–0:04.2). Abstract mail parts assemble into readable product UI by 0:31–0:36; the hard change to dark mode around 0:39 supplies a second visual reveal and another replay peak. Fourteen detected shots across 69.8 seconds leave room for both spectacle and legible feature proof.

01

Plate 01 / The format in one breath

A plain product toggle becomes a portal into a tactile, three-dimensional world. The film moves from an abstract blue journey to light-mode interface construction, then to dark-mode product proof, before collapsing into a small logo. It promises a refreshed product experience visually, without spoken explanation.

Why it works

  • The first ~3 seconds hold a familiar, legible switch still; its change at 2.0–3.0 seconds gives the viewer a simple action to anticipate. The first detected cut waits until 10.25 seconds, while continuous camera and object motion carry the opening.
  • The toggle becomes a giant blue tunnel around 0:04; tiny mail icons fly through it. The most-replayed segment is 0:03.5–0:04.2, exactly at that scale change.
  • Abstract objects resolve into usable UI by 0:31–0:36, then real light and dark interfaces occupy 0:33–1:00. The later replay peaks at 0:31.5–0:32.2 and 0:39.2–0:39.9 align with the feature and mode reveals.
02

Plate 02 / Format card

Platform · aspect · lengthYouTube · 16:9 · 69.8 s · source measured at 640×360, 24 fps
Pace14 detected shots; 13 cuts, or 11.2/min. Up to 16.3/min if six uncertain flashes/moves are cuts. Mean shot 4.99 s; median 3.13 s; six additional in-shot changes.
ScriptNo reliable spoken script. The 22 machine-transcribed “words” are numeric fragments from the soundtrack and should be ignored. UI labels carry the information.
VoiceNone; no human presenter.
On screenMotion-designed 3D product world, moving UI components, then composited product interface. No talking head or captions.
CaptionsNone. Small, native-looking UI text and one opening label.
SoundContinuous instrumental music; post credits “Passage (Instrumental)” by Dame Asu. Rough measured pulse ~150 BPM (possibly half time). No clearly measured cut-synced effects.
StructureFive visual beats: switch → portal → light UI assembly → dark UI proof → brand close. 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
  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 / 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