Skip to content
refs
REF-0288Source onlineBlueprint rev 01

Dia's luminous browser launch

A 24-second silent browser launch film that turns a radiant abstract backdrop into a sequence of floating product interactions.

Maker @browsercompanyFor The Browser Company / DiaOriginal post ↗
Cut timeline · 1 shots00:24
00:0000:0500:1000:1500:20

Field notes / why it works

Full-frame orange and blue rays create an immediate visual hook, then dim by about 0:02 to make room for interface detail. After the first UI clue around 0:07.5, eight measured internal changes pace the silent feature montage; a fuller browser view around 0:21.7 resolves the floating examples into a product.

01

Plate 01 / The format in one breath

A wide, abstract sunrise opens as pure colour, darkens to create a stage, then a sequence of floating browser UI examples shows what the product can do. The product itself arrives near the end. The promise is mostly visual: this is a new way to work in a browser, demonstrated through tiny, concrete actions rather than a narrator.

Why it works

  • The warm rays radiating from above fill frame 1, while the first new visual information waits until about 0:00.8; the opening is instantly recognisable even as a silent thumbnail.
  • Product actions arrive as distinct miniature reveals around 0:07.2, 0:10.4, 0:12.6, 0:14.4, 0:16.0, 0:17.2, and 0:19.8, keeping the one-scene film moving without cuts.
  • The interface view at roughly 0:21.7 pays off the preceding floating cards by finally showing a fuller browser context.
02

Plate 02 / Format card

Platform · aspect · lengthX · 1156×720, about 1.61:1 · 24.0 s · 59.92 fps source
PaceOne continuous scene, 0 confirmed cuts, 0–5 possible cuts/min including two uncertain changes near 0:21; 8 confirmed internal steps, about 20 picture changes/min; 24 s measured shot length
ScriptNo spoken words; sparse brand and interface microcopy
VoiceNone; the interface is the demonstrator
On screenFull-frame abstract motion backdrop throughout; translucent interface cards and a wider product screen layered over it in the second half
CaptionsNo speech captions; tiny centered brand lockup, then UI labels and input text
SoundContinuous tonal, music-like bed; measured −12.8 LUFS integrated, 0.0 dBFS true peak; rough 170 BPM estimate has low confidence
StructureColour hook → brand atmosphere → UI action montage → fuller product view; no visible spoken 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