Theme 100 · Camera & edit grammar

Rack Focus

A shallow-depth-of-field film where the focus pull is the storyteller. The hook is sharp on one tab out of 38, the drop racks through blurred dashboards to the Acme Pulse screen, the proof keeps just the anomaly sharp while 13 other metrics melt into bokeh, and the CTA stops down so everything is crisp at last. A focus-puller’s distance scale with taped marks A, B, C sits under every frame.

readability ●●○trust ●●●effort med

Checkout · liveSigActp95ErrEvtRevFunRet…

IN FOCUS · 0.5 m · TAB 1 OF 38

How many dashboards did you check today?

Signups

MARK A HIT

1 · HOOK0:00–0:08

Focus sits on mark A (0.5 m): the tab bar is sharp while a foreground card drifts across blurred; the headline fades up and “today?” lands on beat 1 of bar 4.

Acme Pulse

Error rate

Active users

FOCUS PEAKING · SHARP EDGES GLOW CORAL

RACK A → B ON THE DROP

2 · REVEAL0:08 (drop)

Focus racks from A to B on the drop: the dashboards dissolve into bokeh as the far Acme Pulse screen snaps sharp with a coral focus-peaking outline.

Signups

p95 212 ms

● PULSE · 1 OF 14 METRICS

Checkout conversion −18%

since 09:42 · after deploy #2231

Roll backAcknowledge

Error rate 0.4%

Events/sec

only the anomaly is sharp · 13 metrics stay soft

MARK C · 1 m · HOLD 12 s

3 · PROOF MOMENT0:12–0:32

A short rack to mark C pulls the one anomaly card out of a soft wall of 13 metrics; focus holds while the cursor lands on Roll back on the downbeat.

Acme Pulse

Caught before
customers noticed.

Start free

stop down to f/8 · everything sharp at last

DEEP FOCUS

4 · CTA0:36–0:45

The lens stops down to deep focus: remaining bokeh shrinks, the lockup and tagline come in sharp on beats 1 and 3, Start free last.

COMPONENT KIT

Focal planes — foreground, subject and background layers with different blur radii
Bokeh field — soft circles in teal, coral and amber that turn out-of-focus UI into atmosphere
Focus peaking — coral outline glow on whatever is sharp, a real camera-monitor aid
Focus scale — dark distance ruler (0.3 m → ∞) with a coral focus dot
Tape marks A / B / C — amber focus-puller marks and a rack arrow between them
Anomaly card — the only sharp object in the proof beat

MOTION · MUSIC

Rack — blur radii swap between layers over 0.6 s (sine.inOut, just over one beat at 120 BPM), starting half a beat early so the new plane is sharp on the downbeat
Focus breathing — the sharp layer scales 1.00 → 1.02 during the rack, like a real lens breathing, then settles
Stop-down — all blur radii go to 0 and bokeh shrinks to 40% over 1 bar (2 s, power2.out) for the CTA

WHY / RISK · ADAPT IT

Rack focus is the most gentle way to say “look here”: it doesn’t cut or move, it simply chooses. That matches a product whose job is to pick the one metric that matters out of many. It also makes plain UI look cinematic. Risk: any text left in a blurred plane is lost, so keep all copy on the sharp plane or on a flat graphic layer.

Adapt to your product: Layer your product’s screens at different depths: the noise your users face today in front, your product behind, and the one object your product surfaces as the final sharp plane. Every rack should land on something the viewer must read.

References: https://www.studiobinder.com/blog/rack-focus-shot-camera-movement-angles/ (rack focus: shifting the focal plane during a shot) · https://nofilmschool.com/rack-focus (practical uses of rack focus and focus marks)