Skip to content
refs
REF-3202Source onlineBlueprint rev 01

Framer Analytics: Abstract Reveal to Live UI

A music-only analytics launch that turns a sculptural blue opener into concise benefit cards and dark-interface proof.

Maker @framerFor FramerOriginal post ↗
Cut timeline · 7 shots00:38
00:0000:0500:1000:1500:2000:2500:3000:35

Field notes / why it works

The first five seconds establish a distinctive cobalt-on-black world before the film reveals the actual interface around 5–10 seconds. Short benefit cards at 10.4 and 15.4 seconds reset attention between chart, table, and filter proofs; a live counter and cookie detail add practical specificity before the long availability hold from about 30.4 seconds.

01

Plate 01 / The format in one breath

A silent, widescreen feature launch opens with glossy abstract shapes and a short product-context title, then names the feature and proves it through dark-interface close-ups. It alternates broad benefit cards with specific UI details before a practical reassurance and an availability end card.

Why it works

  • The first 2.5 seconds hold one high-contrast blue-on-black composition while a small centered title settles in, making the opening legible without speech.
  • At about 5–10 seconds, the film trades the abstract scene for a toolbar, a full dashboard, and a graph detail: the product appears soon after the promise.
  • Benefit cards at 10.4 and 15.4 seconds interrupt the dense interface sequence; the live counter and cookie panel at 19.8–26.7 seconds turn broad claims into concrete proof.
02

Plate 02 / Format card

Platform · aspect · lengthX · 1280×720, 16:9 · 38.1 s · 29.97 fps
Pace7 shots, 6 cuts, 9.4 cuts/min; 9 measured internal step changes, 23.6 picture changes/min overall; mean shot 5.44 s (median 3.4 s)
ScriptNo spoken words; roughly one brief on-screen claim per beat, with interface labels as proof
VoiceNone; the film must work muted
On screenAbstract 3D-style opener, dark software UI, black benefit cards, numeric and modal close-ups; no people
CaptionsNo subtitles; centered white headline cards and native UI text
SoundTonal music-like bed, roughly 139 BPM (rough estimate); −14.3 LUFS integrated; no clear cut-synced effects
StructureIntro/title → feature name → product proof → benefit → deeper proof → live/privacy details → availability

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