← all 100 themes
Theme 009 · Product UI as the stage

Form-Field Macro

Form controls shot like macro product photography: one gigantic input fills the frame with a crisp focus ring, a floating label and a caret as tall as a column, while neighbouring fields fall out of focus. The camera dollies from field to field; Acme Pulse is a switch you flip on, and the anomaly is a field that shakes red with the fix already suggested.

readability ●●●trust ●●○effort low
38 dashboards to check. Before lunch.
DashboardCheckout funnel
Checkout funnel1 / 38
Signups · daily2 / 38
p95 latency3 / 38
Error rate4 / 38
Active users · 34 more
1 · HOOK0:00–0:08

The camera dollies down onto the dropdown (y +120 → 0, 1.2 s sine.inOut, shallow-focus blur on the rows beyond); the list opens on the kick (scaleY from top, 0.25 s power3.out) and the “1 / 38” counter lands on the bar-2 downbeat.

ON
Acme Pulse
Watching 14 metrics in the background
2 · REVEAL0:08 (drop)

On the drop the knob slides left→right (0.28 s back.out 1.8) and the track floods teal from the knob outward; the focus-ring halo springs 0→16 px on the downbeat and the lockup rises beneath it one beat later, the checkmark drawing on the snare.

Signups 412 ✓
flagged by Pulse · 09:44
Checkout conversion2.80%−18%
!since 09:42 · after deploy #2231
YOUR CALL
Roll backAcknowledge
p95 latency 212 ms ✓
3 · PROOF MOMENT0:12–0:32

The camera racks from the green Signups field down to Checkout conversion; the field's ring turns coral and it shakes 5 px × 3 cycles (0.3 s) on the snare, the helper text types in, and the Roll back segment fills coral under the cursor on the next downbeat.

Acme Pulse
You ship. Pulse watches.
Start free
No card · 14 metrics watched in minutes
4 · CTA0:36–0:45

The camera dollies up from the blurred fields to one giant button; the focus ring springs out (box-shadow spread 0→24 px, 0.25 s) and the arrow nudges right on each of the last four beats before the cursor presses it on the final downbeat.

COMPONENT KIT

MOTION · MUSIC

WHY / RISK · ADAPT IT

Why: form controls are universal and extremely legible at feed size; shooting them huge with product-photography light turns a boring UI into a tactile object, and “the field turns red with a suggested fix” is exactly how trustworthy validation feels. Risk: it can look like a UI-kit demo, so the macro camera, shallow focus and lighting must carry it.

Adapt to your product: pick the one field or setting that matters most in your product and shoot it huge; your agent is a switch the viewer watches being turned on.

References: Nielsen Norman Group — error messages in forms · Material 3 — text fields