← all 100 themes
Theme 061 · Signature directions

Dark Keynote

A cinematic launch stage — deep navy rather than black, with vignette and fine grain. One spotlight cone directs the eye per frame, panels float with a slight 3D tilt and depth-of-field blur, and the agent is wrapped in a layered teal edge glow that shifts to coral for exactly one beat when it finds something.

readability ●●○trust ●●●effort med
p95 latency 212 msalert · muted
Signups · no datasince last night
How many dashboards did you check today?
Checkout dashboardtab 12 of 38
Error rate 0.4 %no owner
38 DASHBOARDS · ONE SPOTLIGHT
1 · HOOK0:00–0:08

The spot clicks on from above and the question fades up line by line in the light pool; out-of-focus cards drift in from the dark one per beat with slow parallax, and on the bar-3 downbeat “check” turns coral as every card slides one step closer.

You ship.
Pulse watches.
AcmeAcme Pulse
2 · REVEAL0:08 (drop)

The drop ignites the edge glow around the whole frame — four layers open inside→out in one beat and the conic ring starts a slow rotation; the headline lands, then a diagonal light sweep passes left→right and reveals the lockup.

You ship. Pulse watches.
Signups ······ +4%
Active ······· +1%
Checkout ····· −18%
p95 ········· 212ms
Errors ······ 0.4%
Events/s ····· 2,418
AcmeAcme Pulse● watching 14
Signups✓
Active users✓
⚠ Checkout conversion−18%
since 09:42 · after deploy #2231
p95 latency✓
Error rate✓
Roll backAcknowledge
3 · PROOF MOMENT0:12–0:32

The frame glow narrows into the agent panel, which floats forward from the right while the team table stays soft behind; checks light up one per half-bar, and on the bar-9 downbeat the glow slides to coral, a light thread reaches the blurred Checkout cell and focus pulls to the panel.

AcmeAcme Pulse
Caught before
customers noticed.
Start free
4 · CTA0:36–0:45

The light converges into one spotlight cone; the lockup appears beneath it, the tagline rises, and the coral CTA lands on the sting downbeat with a warm glow spreading across the floor; the spot dims to navy, never to black.

COMPONENT KIT

MOTION · MUSIC

WHY / RISK · ADAPT IT

Dark, lit stages borrow the gravity of a keynote and make an AI agent feel like a premium, deliberate product — the glow is a visual shorthand for “thinking”. Risk: dark films crush on social compression and can feel generic-AI; keep midtones, grain, and a single coral moment so the glow means something.

Adapt to your product: Wrap whatever surface your AI acts on (editor, inbox, dashboard) in the edge glow, keep your real UI soft in the background, and let the glow change colour only when the AI surfaces a result that needs a human.

References: https://github.com/kyh/uicapsule/pull/34 (edge-glow border effect recreated in code (conic gradient + blur layers)) · https://stripe.com/sessions/2025 (dark, lit keynote-stage presentation of a product launch)