Skip to content
refs
REF-3197Source onlineBlueprint rev 01

A Landing Page Built Around Transforming Blocks

A silent website relaunch that fixes the product promise on screen while luminous blocks continually reconfigure below it.

Maker @modalFor ModalOriginal post ↗
Cut timeline · 1 shots00:17
00:0000:0500:1000:15

Field notes / why it works

The headline, supporting copy, and CTAs are readable from 0:00, while a single luminous cube immediately gives the black page a focal point. Seven measured changes across 16.51 seconds create a one-to-many expansion by about 2 seconds, a busier strip breakdown around 10–12 seconds, and a coherent reassembly by 13.5 seconds without a cut or sound.

01

Plate 01 / The format in one breath

A static, legible landing-page hero promises a product benefit from frame one. The only major moving element is a glossy geometric sculpture below the headline: it begins as one cube, separates into staggered modules, briefly breaks into strips, then returns to a coherent arrangement. The page serves as the product proof while the sculpture supplies spectacle.

Why it works

  • The offer is visible at 0:00, so the silent video is understandable before motion begins.
  • A single object changes configuration over 16.51 s; seven measured internal changes create roughly 25.4 picture changes per minute without a cut.
  • The abstract blocks stay aligned with the page’s lime CTA and dark UI, so the motion reads as part of one visual identity.
02

Plate 02 / Format card

Reference
Platform · aspect · lengthX · 1080×720, 3:2 · 16.51 s · 36.89 fps source
Pace1 continuous shot · 0 cuts/min · 7 measured step changes · 25.4 picture changes/min · 16.51 s shot
ScriptNo spoken words; page headline, support line, navigation, and two CTAs carry the message
VoiceNone; no person appears
On screen100% designed landing-page capture/composite; persistent interface plus animated 3D-like blocks
CaptionsNone; page copy is product UI, not subtitles
SoundNo audio track: no voice, music, or effects
StructureImmediate offer → one-to-many expansion → modular variation → fragmentation → return; no in-video CTA reveal

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