Skip to content
refs
REF-3097Source onlineBlueprint rev 01

Config 2023: From Dev Mode to Variables

A silent 54-second product launch film that builds a logo into a feature tour, then proves tools through animated UI actions.

Maker @figmaFor FigmaOriginal post ↗
Cut timeline · 17 shots00:54
00:0000:1000:2000:3000:4000:50

Field notes / why it works

A tiny white mark on black assembles for 2.3 seconds before the greeting and feature reveal at about 3.8 seconds, creating a controlled opening. Cursor-led design-to-code proof at 0:06–0:08, interaction logic around 0:23, and multi-state UI at 0:34–0:38 make abstract feature names tangible. The final detail montage shortens several shots to 0.6–2.9 seconds before the logo resolves at 0:49.

01

Plate 01 / The format in one breath

A silent, music-led 16:9 launch film takes the viewer from a tiny abstract brand mark to a clear product label, then proves several capabilities through close-up interface action. It opens unusually slowly: the first cut is at 4.7 seconds, while the feature tour accelerates into 0.6–2.9-second shots near the end.

Why it works

  • A white geometric mark assembles on nearly black from 0:00–0:02.3, then “Hello” and a developer toggle appear at 0:02.5–0:03.8. The curiosity created by the spare opening pays off as a named feature.
  • The main claims get visual proof: a design-to-code view around 0:06–0:08, prototype connections around 0:15, variables at 0:25–0:31, and responsive UI states at 0:34–0:38.
  • The final third compresses varied interface details into short beats (0:38.5–0:51.3), then resolves on the brand mark. The measured pace is 17.8–20 cuts/minute across 17 shots.
02

Plate 02 / Format card

Reference
Platform · aspect · lengthX · 1280×720, 16:9 · 54.0 s · 24 fps
Pace17 shots, 16 definite cuts; 17.8–20 cuts/min including uncertain changes; 25.5 picture changes/min; mean shot 3.18 s, median 2.72 s
ScriptNo spoken words; feature names and UI labels carry the message
VoiceNone
On screenEntirely designed graphics and interface captures; no people or camera footage
CaptionsNo speech captions; sparse centered feature title cards and native UI labels
SoundContinuous tonal, music-like bed; rough 104 BPM; no clear recurring cut SFX
StructureAbstract mark → named feature → four-plus UI proof clusters → brisk detail montage → logo/end

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