Skip to content
refs
REF-2026Source onlineBlueprint rev 01

A Goth Website Takes Over the Office

A cinematic office vignette turns a worker's private goth aesthetic into a finished website and a deadpan workplace payoff.

Maker @squarespaceFor squarespaceOriginal post ↗
Cut timeline · 26 shots00:36
00:0000:0500:1000:1500:2000:2500:3000:35

Field notes / why it works

A 3.76-second wide office opening lets the distinct maker emerge from a mundane crowd, creating a visual question without dialogue. Fast cross-cutting through hands, characters and product UI leads to the finished site at 23.1 seconds; the maker's reaction at 24.5–24.8 seconds is the most-replayed moment. The edit then slows into a clean brand plate and six-second deadpan epilogue.

01

Plate 01 / The format in one breath

A cinematic office vignette starts with a visually distinctive worker in a dull, crowded workplace. She quietly uses a website builder to turn a personal aesthetic into a live site; the film lets the ordinary office and that private creative world collide before a brief branded CTA. The promise becomes explicit on the laptop at 6.8 s (“Find your dream domain”) and pays off with a finished editorial site at 23.1 s.

Why it works

  • The open loop is visual: the opening 3.76-second wide shot establishes a uniform office, while the cover and 5.9-second close-up single out one goth worker without explaining her goal.
  • The product is causal in the story. Search and typing inserts at 11.8–18.0 s lead to the completed “Goth Styling” site at 23.1 s; the highest replay peak is the ensuing reaction at 24.5–24.8 s.
  • The edit accelerates from an uncut opening into 6–7 cuts per five seconds at 5–15 s, then slows for the outcome and brand. That change gives the reveal room to register.
02

Plate 02 / Format card

Platform · aspect · lengthYouTube · 16:9 · 36.0 s · measured source 640×360 at 25 fps; produce at 1920×1080, 25 fps
Pace26 shots, 25 cuts, 41.7 cuts/min; 46.6 picture changes/min including three in-shot changes; mean shot 1.39 s, median 1.0 s
ScriptSparse; automated transcript hears 31 words, mostly a repeated sung phrase from 12.1–29.3 s. Treat that count as a music-vocal estimate, not narration copy.
VoiceNo visible presenter or clear explanatory voiceover. A low, expressive sung vocal appears in the music (inferred from transcript and audio measurements).
On screenApproximately 70% staged office people and reactions, 20% hands/laptop/product inserts, 10% brand and environmental end frames (estimated from sheets).
CaptionsNone. Only site UI copy, opening logo, and a small end-card URL.
SoundContinuous tonal bed around −28.7 dBFS, about 11.8 dB below detected vocals; accents align with roughly 52% of cuts (heuristic). Measured −14.2 LUFS, −1.4 dBFS true peak.
StructureOrdinary place → outsider → tool discovery and making → site reveal → world/reaction payoff → logo/CTA → visual epilogue.

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