Skip to content
refs
REF-3382Source onlineBlueprint rev 01

A guided PR tour beside the diff

A silent 22-second product walkthrough moves from a PR page into narrative chapters paired with code changes.

Maker @graphiteFor GraphiteOriginal post ↗
Cut timeline · 1 shots00:22
00:0000:0500:1000:1500:20

Field notes / why it works

The first five seconds establish a familiar PR task, then the UI opens a guided view around 0:05.4. From about 0:06.9 onward, chapter explanations stay near green code diffs, giving each navigation step concrete proof; six internal changes maintain progress without a cut.

01

Plate 01 / The format in one breath

A silent, continuous desktop product tour begins on a familiar work item, enters a guided explanation, and walks through its chapters alongside real evidence. The post copy promises a guided PR walkthrough; the video demonstrates that promise through navigation rather than a title card or voiceover.

Why it works

  • The starting PR page establishes a recognizable developer task before the new feature appears, from 0:00 to about 0:05.
  • The UI moves from broad context to specific proof: tour overview around 0:06.9, an explanation beside a green diff around 0:08.8, then later chapters around 0:13–0:18.
  • One continuous interface and a restrained charcoal/green palette keep the viewer oriented despite six measured changes within one 22 s shot.
02

Plate 02 / Format card

Platform · aspect · lengthX · 1308×720, approximately 16:9 · 22.0 s · 60 fps
Pace1 continuous shot; 0 cuts/min; 6 internal picture changes, 16.4/min; first measured change 0:05.35
ScriptNo spoken script; interface headings and short paragraphs carry the explanation
VoiceNone; no person appears
On screenApproximately 100% desktop UI capture, placed on a dark patterned presentation canvas
CaptionsNone; UI labels, chapter names, prose, and code are the text
SoundEffectively silent; measured −70 LUFS integrated, no discernible music or speech
StructureExisting task → enter guided view → overview → file evidence → next chapter → final diff; no in-video 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