Skip to content
refs
REF-3495Source onlineBlueprint rev 01

A Referral Flow Framed by the Brand Motif

A nine-second phone UI animation turns a rewards dashboard into a referral share action inside a bold geometric brand frame.

Maker @MetaMaskFor MetaMaskOriginal post ↗
Cut timeline · 1 shots00:09
00:0000:0200:0400:0600:08

Field notes / why it works

The phone scales into a pale-blue square in the first 0.75 seconds, while an orange geometric foreground makes the dark UI recognizable at feed size. With the phone fixed, the inner screen advances from rewards to referrals at about 2.2 seconds and a share sheet at 4.6 seconds, giving the viewer a complete action path in 9.2 seconds without speech.

01

Plate 01 / The format in one breath

A phone rises into a single-color square canvas, presents a benefits dashboard, opens the feature screen, then reveals the native share action. A large, geometric brand motif frames the lower phone throughout, making the interface demo recognizable even at feed size. The functional promise becomes explicit when the referral page appears around 0:02.2; the payoff is the share sheet around 0:04.6.

Why it works

  • The 0:00–0:00.75 scale-in creates motion before the small UI text is readable.
  • One phone stays centered for all 9.2 seconds, so the viewer can track a simple dashboard → feature → share path without a cut.
  • The orange and dark red fox-like foreground gives a mostly black UI a strong brand silhouette; the pale blue field separates both from the feed.
02

Plate 02 / Format card

Platform · aspect · lengthX · 1:1 · 720×720 · 24 fps · 9.17 s
Pace1 continuous shot · 0 cuts/min · 3 detected internal changes at 2.2, 4.6, 5.8 s · 19.6 picture changes/min including those changes
Script0 spoken words · no voiceover · UI copy carries the message
VoiceNone; this is designed for silent comprehension
On screen100% composited phone UI and motion graphics; no people or footage
CaptionsNo subtitles; native-looking UI labels, values and button text
SoundMusic/beat signal measured near 163 BPM (rough estimate); no speech; −11.9 LUFS integrated, −0.1 dBFS true peak
StructurePhone entrance → rewards context → referral benefit → share action → hold

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 2.75 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