Theme 077 · Characters & mascots

Mood Blob

One soft teal blob with a two-dot face, drawn in a flat, friendly wellness-app shape language. Its silhouette IS the system state: round and bouncy when all is well, stretched and bristling when a metric breaks, a relaxed cushion once a human has made the call.

readability ●●●trust ●●○effort low

And the drop still
shipped on Friday.

Fri · 17:58 · 38 dashboards open

1 · HOOK0:00–0:08

Grey blobs melt downward (scaleY 1→0.8 over 2 bars) while the headline fades up line by line; ‘Friday’ lands in coral on the 0:06 snare.

Acme Pulse

2 · REVEAL0:08 (drop)

The teal blob bounces up from below on the drop (squash 1.2×0.8 → stretch 0.9×1.15 → settle, 0.5 s); the mark pops on beat 2, the wordmark on beat 3, and the blob blinks on beat 4.

Roll backAcknowledge

you decide

3 · PROOF MOMENT0:12–0:32

The blob stretches tall and bristles on beat 1 (the spike noise ramps 0→0.22 over 0.3 s) while a pseudopod reaches for the card; the card’s −18% counts down. The person’s hand reaches for Roll back on the next downbeat.

Acme Pulse

You ship.
Pulse watches.

Start free

4 · CTA0:36–0:45

The blob exhales into a cushion (0.8 s sine.inOut, landing on a downbeat), cheeks pop in on the offbeat, and the tagline and Start free float up one beat apart.

COMPONENT KIT

Mood blob — Pulse: teal organic shape whose outline encodes system health
Two-dot face — minimal eyes + mouth; 4 states: up, wide, content, (grey) tired
Grey puddles — melted, colourless blobs = the overwhelmed team before Pulse
Floating card — one rounded white card with the anomaly readout
Flat person — simple geometric human who makes the decision
Soft discs — big pale circles behind each scene set the mood colour

MOTION · MUSIC

Squash & stretch bounce — entry and exit on the drop: 0.5 s with elastic.out(1, 0.5); contact frames sit exactly on the downbeat
Breathing idle — scale 1↔1.03 on a 2-beat loop (1 s at 120 BPM) so the blob literally breathes with the tempo
Outline noise — a spike/wobble parameter on the outline animates 0→0.22 in 0.3 s for tension and back to 0 over one bar for relief

WHY / RISK · ADAPT IT

Why: An abstract blob sidesteps the uncanny ‘robot assistant’ look and lets shape alone carry emotion. Calm → tense → relieved maps exactly to the anomaly story and reads instantly without text. Risk: Soft and gentle can undersell urgency; make the tense state genuinely sharp (spikes, coral backdrop) and keep the data card precise.

Adapt to your product: Give your product one blob in your brand colour and drive its outline from a real metric (health score, queue length, error rate); keep the face to two dots and a line.

References: https://www.kimp.io/headspace-brand/ (Headspace’s shape language: a circle that morphs into expressive faces) · https://rive.app/docs/editor/state-machine/state-machine (state machines that switch a character between mood states from inputs)