Skip to content
refs
REF-1840Source onlineBlueprint rev 01

Paper Brief to Website

A 24-second agency product film turns a paper brief into a polished web page through a glowing scan and AI interface reveals.

Maker @FramerFor FramerOriginal post ↗
Cut timeline · 2 shots00:24
00:0000:0500:1000:1500:20

Field notes / why it works

A paper brief enters a scanner in the first 3 seconds, turning a vague transformation claim into a visible action; the blue glow at 2.75 seconds is an early payoff. A prompt card at 4.9 seconds becomes a wireframe at 6.4 and a finished photographic page at 7.3, before the 18–21-second text widens the benefit to the whole agency.

01

Plate 01 / The format in one breath

A 24-second, landscape product launch film turns a small physical piece of client direction into a polished website, then widens the promise from one project to a whole agency. It uses a black stage, a glowing blue scan, sparse white type, product interface glimpses, and a vocal music track instead of a narrator.

Why it works

  • The first three seconds make an ordinary paper brief behave like a digital artifact: it flies into a phone-like scan frame, and blue light completes the transformation at 2.75 seconds.
  • The abstract promise gets proof quickly: a prompt card at 4.9 seconds becomes a wireframe at 6.4 and a photographic page at 7.3.
  • The final line at 18–21 seconds reframes the tool as useful to an entire agency, after the viewer has seen concrete output.
02

Plate 02 / Format card

Platform · aspect · lengthYouTube · 16:9 · 23.9 s · measured file 640×360 at 30 fps
Pace2 detected shots, 1 hard cut at 14.57 s; 2.5 cuts/min; 5 internal step changes; 15.1 total picture changes/min; 11.95 s mean shot
ScriptSparse headline cards and interface text; no verified spoken product script. The 59-word automatic transcript follows a vocal song and is unsuitable as narration data.
VoiceNo spoken presenter or product narrator; energetic sung vocals in the music (inferred from the lyric-like transcript and music-level measurements)
On screenDesigned motion graphics and simulated product UI, with a paper/photo object; no talking head
CaptionsNone. Centered white headline cards and small UI copy carry the message.
SoundTonal, vocal music bed; measured −10.3 LUFS integrated, +0.1 dBFS true peak; individual effects unverified
StructurePhysical input → AI prompt → wireframe → finished page → more prompts → agency-wide positioning → branded title

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