Skip to content
refs
REF-2172Source onlineBlueprint rev 01

Typed design rules become a better page

A 30-second product demo turns typed preferences into a before-and-after page proof, then ends on a feature command.

Maker @FramerFor FramerOriginal post ↗
Cut timeline · 2 shots00:30
00:0000:0500:1000:1500:2000:2500:30

Field notes / why it works

The first 3 seconds turn an abstract promise into three concrete typed design rules. A baseline page appears by 0:05.9 and a stronger same-task result by about 0:19.6, giving the feature a visible payoff. Eleven internal changes sustain motion across just two detected macro shots in 30 seconds.

01

Plate 01 / The format in one breath

A polished product micro-demo promises that users can stop repeating their preferences. Close views of someone typing concrete design instructions create the problem; a page preview, then a stronger page made with a reusable rule, supplies the proof. The film closes on the feature command and a compact brand mark.

Why it works

  • The first 2.75 seconds show three increasingly specific typed rules while the narration frames the cost of repetition.
  • The baseline page appears by 0:05.9, followed by the improved result around 0:19.6, so the claim gets a visual comparison.
  • Eleven changes inside two detected macro shots keep a calm film active at about 24 picture changes per minute.
02

Plate 02 / Format card

Platform · aspect · lengthYouTube · 16:9 · 30.0 s · source 640×360 at 29.97 fps
Pace2 detected macro shots; 1 cut at 0:17.75; 2 cuts/min; 11 internal changes; 24 picture changes/min; mean macro-shot 15.01 s
Script71 spoken words; 145 wpm over full runtime, about 192 wpm while speaking; 7 short declarative sentences; no questions
VoiceLow-register, assured, brisk product narrator; no visible speaker
On screenDark UI close-ups and page previews throughout; brief logo end frame; no talking head
CaptionsNo editorial subtitles; the legible text is typed product UI and small page copy
SoundContinuous tonal, music-like bed; narration prominent; specific music genre and effects unverified
StructureProblem → untrained result → mechanism → improved result → command/CTA → logo

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