Theme 051 · Signature directions

Clean Product Film

The airy baseline: warm near-white paper, two soft colour clouds (teal for the fix, coral for the pain) and real product UI as the only “illustration”. Notification cards swarm the hook, the drop clears the frame to a calm lockup, and the proof is one honest window where a single row turns coral and a human presses Roll back.

readability ●●●trust ●●●effort low

How many dashboards did you check today?

▦

Checkout dashboard

tab 12 of 38 · 3 min ago

p95 latency 212 ms

alert · muted

Error rate 0.4 %

anyone looking at this?

Signups · no data

since last night

38 dashboards open

none of them are watching

1 · HOOK0:00–0:08

Cards swarm in from four edges, one per beat, each settling with a 2–3° tilt while the question types in word by word; on the last downbeat of bar 4 the stack tightens by 20 px so the frame feels crowded.

You ship.
Pulse watches.

Acme Pulse

AI agent · every metric · in the background

2 · REVEAL0:08 (drop)

Everything clears upward on the drop; the clouds bloom outward, “You ship.” lands on beat 1, “Pulse watches.” on the next bar, then the Acme mark draws and the wordmark unmasks left→right.

Caught before
customers noticed.

Acme Pulse· watching 14 metricslive

Signups✓

Active users✓

p95 latency212 ms

Error rate0.4 %

Checkout conversion−18%

since 09:42 · after deploy #2231

Roll backAcknowledge

Pulse flags · you decide

3 · PROOF MOMENT0:12–0:32

The window pushes in from far away (zoom-through), rows fill top→bottom one per beat with green values; the coral row lands on the downbeat of bar 9 and the cursor glides to Roll back and clicks on the next downbeat.

Acme Pulse

Every metric.
Every minute.

Start free

14 metrics watched · resolved in 6 min

4 · CTA0:36–0:45

Blur-crossfade to a still lockup; mark + wordmark first, tagline one bar later, and the coral “Start free” pill drops in on the downbeat with the sting — then nothing moves while the music tails off.

COMPONENT KIT

Colour clouds — two blurred radial blobs (teal-soft + peach) that grow on the drop; never flat colour backgrounds
Notification card — white, r24, soft two-layer shadow, icon tile + bold title + mono meta; the hook’s crowd
Product window — one real-looking UI panel with a live dot; rows with sparklines = the proof surface
Anomaly row — coral left rule + tinted fill, mono “since · after” context line, primary + secondary action
Serif headline — Instrument Serif 76–108 px, exactly one italic teal word per frame
Coral pill CTA — the only solid coral object in the film besides the anomaly — pain and action share a colour

MOTION · MUSIC

Per-word headline — each word rises 24 px + fades, power3.out 0.35 s, one word per eighth-note (0.25 s at 120 BPM)
Beat-stagger cards — cards slide 60 px from alternating edges with 2–3° rotation, back.out(1.2) 0.5 s, one per beat (0.5 s)
Zoom-through seam — camera scales 0.6→1 into the window over one bar (2 s), expo.inOut; rows then fill one per beat and the anomaly lands on a bar downbeat

WHY / RISK · ADAPT IT

It is the version a buyer trusts first: no gimmick stands between the viewer and the product, so every beat reads on a phone in a muted feed. The risk is blandness — it lives or dies on typography, the shadow quality and cutting precisely on the beat; without the colour clouds it looks like a screenshot slideshow.

Adapt to your product: Swap the metric rows for your own product’s core list (tickets, invoices, builds, deals) and keep one row as the “problem” row with a context line and a single primary action. The cards in the hook are simply your users’ current tools and alerts.

References: https://m3.material.io/styles/motion/easing-and-duration (emphasized easing and duration scaled to distance) · https://linear.app/now/how-we-redesigned-the-linear-ui (calm, low-noise product UI as the hero) · https://developer.apple.com/videos/play/wwdc2018/803/ (fluid, physically plausible interface motion)