Skip to content
refs
REF-0413Source onlineBlueprint rev 01

Framer 3.0 Neon Interface Reveal

A silent product launch film that moves from a glowing UI reveal through feature proof to an abstract logo finish.

Maker @framerFor FramerOriginal post ↗
Cut timeline · 8 shots01:15
00:0000:1000:2000:3000:4000:5001:0001:10

Field notes / why it works

A blue edge traces the interface in the first 2.4 seconds, creating a visual question before the full product appears. The 0:16–0:50 stretch answers it with an agent panel, canvas, responsive views and content tables, while the shift at 0:50 gives the launch line and logo room to land. Fourteen internal changes keep motion alive despite only seven cuts across 75 seconds.

01

Plate 01 / The format in one breath

A silent, music-led launch film turns a tiny illuminated edge into a software interface, proves a cluster of features through UI actions, then expands into abstract brand motion and a quiet logo hold. The opening promises a redesigned product visually by 0:02.4; the clearest verbal promise is the on-screen line “Welcome to a whole new Framer” at about 0:52.

Why it works

  • The first 2.4 seconds reveal the interface in stages while withholding the full screen: two picture changes, no cut.
  • The 0:16–0:50 section offers concrete proof through a canvas, an agent prompt, responsive previews, creative output, and a content table, so the film has substance beyond its glow treatment.
  • At 0:50 the edit switches from product proof to short, music-paced identity shots, ending with an 8.7-second logo hold. This gives the audience time to register the brand after a dense middle (inferred).
02

Plate 02 / Format card

Reference
Platform · aspect · lengthX · 1280×720, 16:9 · 75.0 s · 30 fps
Pace8 measured shots, 7 cuts, 5.6 cuts/min; 14 internal step changes, 16.8 total picture changes/min; mean shot 9.38 s, median 5.0 s
ScriptNo spoken words; meaning comes from product UI and two brief headline moments
VoiceNone; no presenter or narrator
On screenProduct UI and composited screen views from 0:00–0:50; abstract motion and branding from 0:50–1:15
CaptionsNone; short UI labels and sparse centered brand text only
SoundTonal electronic music-like bed, roughly 121 BPM; −13.8 LUFS integrated, +0.2 dBFS measured true peak
StructureEdge reveal → interface orientation → feature proof → broad promise → identity montage → logo hold; no in-video call to action

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 / Text / action 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