Skip to content
refs
REF-3110Source onlineBlueprint rev 01

Web Primitives Become a Brand Mark

A dense blue field of web UI fragments dissolves into particles and resolves as a stark white brand mark in ten seconds.

Maker @webflowFor WebflowOriginal post ↗
Cut timeline · 1 shots00:10
00:0000:0200:0400:0600:0800:10

Field notes / why it works

A sparse cluster of luminous interface objects expands into a layered web-themed field by about 1.5 seconds, making a complete visual system from a few parts. Around 4.2–6.7 seconds, the crisp cards fracture into light and the frame clears; the white logo then holds on near-black from roughly 8.9 seconds. The continuous composition makes that transformation easy to follow without any speech or cuts.

01

Plate 01 / The format in one breath

A near-black canvas slowly reveals a field of luminous blue interface fragments and short technical labels. The fragments then shed bright particles and resolve into a crisp white brand mark. The promise is visual: {{PRODUCT}} can organize the raw parts of {{CATEGORY}} into one polished identity.

Why it works

  • The first 1.5 s scales a few isolated components into a dense visual system, giving the viewer a discovery to follow.
  • One uninterrupted composition carries many changes; the 4.2–6.7 s particle break feels like a transformation rather than a new scene.
  • The busy blue field yields to a white logo on black at about 8.9 s, giving the eye an unmistakable final target.
02

Plate 02 / Format card

Platform · aspect · lengthX · 1:1 square · 10.0 s · 720 × 720 · 24 fps
Pace1 continuous motion-graphic shot · 0 cuts/min · 2 measured internal step changes / 12 picture changes per min · 10.01 s shot
ScriptNo reliable spoken script; apparent five-word transcript is silence misread by ASR
VoiceNone
On screen100% designed motion graphics: code/UI fragments, three labels, particles, end logo
CaptionsNone; the labels are scene objects, not speech captions
SoundSupplied audio measures −70 LUFS with no reliable music, effects, or speech
StructureBuild the field → hold and activate → dissolve → logo payoff; no in-video CTA

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