MoodBlobs Brand Kit
BRAND KIT

Plushy or Squishy? Every mood is here.

vote.moodblobs.com · v1.0 · Living reference
01

Brand essence

What it is

MoodBlobs is a collectible cast of 20 mood characters — one for every feeling you can't quite put into words. Fans vote on which blobs come to life first, and in which form.

The big choice

Every blob exists in two product personalities: Plushy(soft & huggable) and Squishy(stretchy & satisfying). The whole brand is built around that pink-vs-purple rivalry.

Personality

Loud, handcrafted, internet-native. Sticker-book energy with chunky outlines, bubbly type, and Gen-Z mood humor. Cute first, but never saccharine — the blobs are relatable because they're a little bit of a mess.

02

Logo

MoodBlobs logoOn cream (primary)
MoodBlobs logoOn deep ink #100D14
✓ DOClear space

Keep at least the height of the "o" in MoodBlobs clear on every side. Let it breathe.

✓ DORainbow lockup

The wordmark's rainbow letters are fixed — never recolor individual letters or swap the order.

✕ DON'TDon't squash

Never stretch, skew, or change the aspect ratio. Scale by width; height follows.

✕ DON'TDon't add effects

No extra drop shadows, gradients, or outlines beyond the built-in soft purple shadow.

03

Color

The rivalry — Plushy vs Squishy

#F49AB0
Plushy--color-plushy
#E0789B
Plushy Deep--color-plushy-deep
#ED6F84
Coral Deep--color-coral-deep
#A77AD5
Squishy--color-squishy
#8454C0
Squishy Deep--color-squishy-deep
#9450D8
Section Purple--color-section-purple

Signature gradients

Plushy button
Squishy button
Coral section
Lavender section

Cream & neutrals (backgrounds)

#FFF1D4
Cream--color-cream
#FFE5B6
Cream Warm--color-cream-warm
#100D14
Ink (text)--color-text-primary
#3C3837
Ink Soft--color-text-secondary

Vibrant accents

#FF3D8C
Pink--color-section-pink
#FFCE3D
Yellow--color-section-yellow
#25D7FF
Cyan--color-section-cyan

Logo rainbow (wordmark only)

Orange#FB8F0A
Red#EC4230
Yellow#FCD705
Green#6CDF25
Cyan#10CEF9
Purple#A268D2
Hot Pink#F02E80
04

Typography

Display
Bagel Fat One

Hero words, headlines, sticker badges. One weight (400). Never use for body.

PLUSHY
Heading / UI
Plus Jakarta Sans

Buttons, labels, subheads. Weight 800, uppercase, wide tracking for UI.

VOTE FOR YOUR MOOD
Body
Plus Jakarta Sans

Paragraphs and descriptions. Weight 600 for a slightly chunky, friendly read.

Help us decide which MoodBlobs come to life first. Cast your vote and climb the leaderboard.
Accent / tagline
Patrick Hand

Handwritten marker feel for taglines and doodle captions. Bold via text-stroke, not faux-bold.

every mood is here!
Rounded label
Fredoka

Friendly geometric callouts, pills, and small badges.

NEW DROP · EARLY ACCESS
05

Signature word treatments

The two hero words are the brand's most recognizable asset. Plushy reads as fuzzy plush; Squishy reads as glossy jello. Reserve these exact treatments for the words "Plushy" and "Squishy" only.

PLUSHYSQUISHY
06

Components

Buttons

Cards

.mb-card

Soft refined card — default for content. Big radius, soft purple shadow.

.mb-card--chunky

Chunky ad-style card — 3px ink border + hard offset shadow. For hero callouts and vote cards.

Sticker badges & stars

NEW!VOTESOON★★★★★
07

Voice & tone

How we sound

  • Gen-Z casual — lowercase, texting cadence, real feelings.
  • Mood-first. Lead with the emotion, then the product.
  • Playful & self-aware. The blobs are a little bit a mess, and that's the joke.
  • Short. Punchy. One idea per line.

Watch-outs

  • Not corporate, not salesy, no exclamation-point spam.
  • Cute, never baby-talk. We're relatable, not precious.
  • Inclusive moods — every feeling is valid, even the grumpy ones.

Voice in the wild (real character lines)

im literally dead rnDIZZI
oh really? that's interesting….SPIKEYE
everything is peachy 🍑BLOOMIE
dude, life's a beachPALMER
that was my last message!GRUMPELOPE
08

The cast — 20 MoodBlobs

Each blob owns a signature color and a one-line mood. Every character ships in both Plushy and Squishy form.

BLOCKY
BLOCKY
The Square Block
absolutely not
#C53C4E
BLOOMIE
BLOOMIE
Peachy Flower
everything is peachy 🍑
#FFA071
DAPPER
DAPPER
Bow-Tie Blob
pardon me, excuse me, thank you
#F8F0D8
DIZZI
DIZZI
X-Eyes
im literally dead rn
#A268D2
DRIPPY
DRIPPY
Melting Blob
I'll do it later
#10CEF9
FLOOF
FLOOF
Cloud
wait what did you say I zoned out
#4DB8E8
FLOPSY
FLOPSY
Bunny Ears
wait, what did I miss?
#F88890
FLUTTER
FLUTTER
Butterfly Blob
omg hi! I'm flutter!
#FB8F0A
GLAZE
GLAZE
Donut Ring
it's called FASHION look it up
#A268D2
GRUMPELOPE
GRUMPELOPE
Angry Envelope
that was my last message!
#5B2A86
INKY
INKY
The Octopus
don't leave me
#9B7BC4
PALMER
PALMER
Palm Tree / Starfish
dude, life's a beach
#6CDF25
PEEKA
PEEKA
The Ghost
I was gonna say something but nvm
#FFFFFF
QUEENI
QUEENI
Crown Blob
watch me work it!
#FCD705
SPIKEYE
SPIKEYE
Side Eye Blob
Oh really? That's interesting....
#FB8F0A
SLY GUY
SLY GUY
The Sneaky One
I didn't do anything....
#6CDF25
SPINNY
SPINNY
Tornado / Spring
everything is happening all at once
#10CEF9
SQUIRM
SQUIRM
The Caterpillar
that was so awk I wanna disappear
#B894C9
SUNNY
SUNNY
Sunrise Half-Circle
today is gonna be a great day!! (at 6am)
#FB8F0A
WIGGLES
WIGGLES
Worm / Snake
I'm good with whatever
#6CDF25
09

Motion & tokens

Motion vocabulary

  • bobble — gentle float, idle blobs (3–5s loop)
  • wiggle — quick tilt on hover
  • drift — slow background doodle movement
  • pop-in — springy entrance for new elements
  • confetti — celebratory burst on a vote

Keep motion soft and bouncy (ease-in-out / spring). Never harsh or linear. Respect reduced-motion preferences.

Radius

sm · 8px
md · 12px
lg · 16px
xl · 24px
2xl · 32px

Spacing scale

4
8
16
24
32
48
64