← all 100 themes
Theme 059 · Signature directions

Mobile Notifications

The phone is the stage: a lock screen drowning in banners, an app icon that pops open on the drop, and a Dynamic-Island-style Live Activity that expands into the proof. In a square frame the phone is cropped oversized or tilted 3/4, and big serif headlines fill the negative space.

readability ●●○trust ●●●effort med
How many dashboards did you check today?
17:40
Friday · release day
▦
Dashboards · now
Checkout looks off?
tab 12 of 38
!
Alerts · 2m
p95 latency 212 ms
muted by someone
×
Alerts · 4m
Error rate 0.4 %
no owner
@
Team chat · 6m
who’s on call??
14 unread
38
Dashboards
38 open. 0 watching.
+ 23 MORE NOTIFICATIONS
1 · HOOK0:00–0:08

One banner per beat slides down from under the island; older ones shrink to .95 and fade as they are pushed down, the last two spill out of the frame; on bar 3’s downbeat two banners fling off-screen at once.

You ship. Pulse watches.
Acme
Acme Pulse
WATCHING IN THE BACKGROUND
2 · REVEAL0:08 (drop)

On the drop every banner swipes up and out and the screen flashes white; in the same frame the icon pops from the centre with concentric corner echoes, then scales like an app launch into the lockup.

Caught before customers noticed.
AcmePulse· watching 14 metrics4/5 ✓
⚠ Checkout conversion−18%
since 09:42 · after deploy #2231
Roll backAcknowledge
3 · PROOF MOMENT0:12–0:32

The camera punches into the island, which stretches open into a Live Activity (overshoot 1.04 → 1); segments fill one per two beats, the coral segment lands on the bar-9 downbeat and the Roll back press hits the next downbeat with a haptic tick.

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

The phone blurs and slides out bottom-right; the lockup settles centre, and on the sting the island detaches along a dotted orbit, turns coral and stretches into the Start free pill.

COMPONENT KIT

MOTION · MUSIC

WHY / RISK · ADAPT IT

Everyone knows what a notification feels like, so the pain and the fix need no explanation, and the Live Activity shows “background agent that surfaces only what matters” natively. Risk: a small phone in a square frame is unreadable — crop tight and let one element fill the frame at a time.

Adapt to your product: Show your product’s real push or widget surface; the Live Activity pattern suits anything with a status that changes over minutes (deploys, deliveries, jobs, incidents).

References: https://developer.apple.com/videos/play/wwdc2023/10194/ (Design dynamic Live Activities (WWDC23)) · https://developer.apple.com/news/?id=bkm73839 (Explore Live Activities and the Dynamic Island)