Theme 096 · Camera & edit grammar

Whip Pan

The camera is a restless head turning between rooms of a 360° panorama: dashboards, the Acme Pulse room, the anomaly, the lockup. Each beat is joined by a 0.25 s whip that smears the world into horizontal streaks and lands sharp on the downbeat; a panorama strip and pan arrows mark where we are.

readability ●●○trust ●●○effort med

360° PANORAMA · WHIP 1 → 2

DASHBOARDS

PULSE

ANOMALY

LOCKUP

tab 07 … tab 38 · everything smears

How many dashboards
did you check today?

1 · HOOK0:00–0:08

The world streaks right-to-left as the camera whips right through tab after tab; the headline sits on a locked-off layer and stays sharp, and “today?” lands on the last beat of the bar.

360° PANORAMA · LANDED

DASHBOARDS

PULSE

ANOMALY

LOCKUP

Acme Pulse

◂ TAIL OF THE WHIP · LAST 3 FRAMES

LAND · expo.out · ON THE DROP

2 · REVEAL0:08 (drop)

The whip lands on the drop: blur drops from 46 px to 0 in 0.2 s with expo.out, leaving only a streak tail at the left edge; the mark pops (scale 0.9 → 1) on the same frame.

360° PANORAMA · WHIP 2 → 3 · SETTLE

DASHBOARDS

PULSE

ANOMALY

LOCKUP

● PULSE · ANOMALY

Checkout conversion −18%

since 09:42 · after deploy #2231

Roll backAcknowledge

card stays sharp · world still streaking

p95 212 ms · error rate 0.4% · 2,418 events/sec

3 · PROOF MOMENT0:12–0:32

A short whip back to the left arrives from the metrics wall; the anomaly card is already sharp while the world still streaks, then the cursor hits Roll back on the next downbeat.

360° PANORAMA · FINAL LANDING

DASHBOARDS

PULSE

ANOMALY

LOCKUP

Acme Pulse

Every metric.
Every minute.

Start free

streaks resolve into the two rules

4 · CTA0:36–0:45

A final slow whip lands on the lockup and its last streaks straighten into two teal rules; the tagline types between them and Start free pops on beat 3.

COMPONENT KIT

Panorama rooms — four scenes laid out on one 360° strip so every transition is a real pan
Directional blur — SVG feGaussianBlur with x-only deviation, the signature of the whip
Streak layer — coloured horizontal bars in brand hues that sell speed and hide the cut
Locked-off text layer — headlines never blur; only the world moves
Panorama strip — top HUD showing which room is on screen, the map of the edit
Pan arrows — coral arrows with angle and duration, making direction readable in a still

MOTION · MUSIC

Whip — x offset −1080 px in 0.25 s (one beat at 120 BPM) with power4.inOut; blur 0 → 46 → 0 peaking mid-move; the cut hides at peak blur
Land on the beat — the settle frame falls exactly on the downbeat; 2-frame overshoot (+14 px) then back, expo.out 0.2 s
Streak-to-rule — on the final landing, streaks shrink height 20 → 3 px over 0.5 s and snap to fixed y positions to become the tagline rules

WHY / RISK · ADAPT IT

Whip pans turn a list of features into a sense of speed and presence: Pulse is always looking around, and the landing frame gets a small jolt of attention every time. They also hide cuts, so each room can be built separately. Risk: overuse turns the film into a travel reel, and strong blur is uncomfortable for some viewers.

Adapt to your product: Lay your product screens out left-to-right as rooms of one panorama (inbox, editor, report, lockup) and whip between them on the beat. Keep whip direction consistent (always right, one whip back for the “aha”) so the viewer’s mental map holds.

References: https://en.wikipedia.org/wiki/Whip_pan (whip pan definition and use as a transition) · https://www.studiobinder.com/blog/swish-pan-whip-pan-definition-film/ (matching speed and direction on both sides to hide the cut) · https://www.studiobinder.com/camera-shots/camera-movements/whip-pan-shot/ (whip pan uses: urgency, transitions, combining with other moves)