Design System Jules / Warm & Playful

Color Palette

PRIMARY PALETTE

#4A90D9
Bingo Blue
#2E6DB4
Deep Blue
#FFD23F
Sunshine Yellow
#FF6B6B
Coral Pop
#4ECDC4
Clover Green
#FFF9F0
Warm White
#2D3436
Charcoal
#636E72
Slate
#B2BEC3
Fog
#DFE6E9
Mist

GM STATUS COLORS

#27AE60
Verified Green
#F39C12
Pending Amber
#E74C3C
Unconfirmed Red

PLAYER IDENTITY COLORS

Typography Scale

Font: Nunito (Google Fonts) — rounded, friendly, highly legible

DisplayFamily Bingo!
H1 / 28pxJoin the Game!
H2 / 22pxYour Bingo Card
H3 / 18pxRoad Trip Classics
Body / 16pxTap cells to mark items you spot!
Bold / 16px5 players connected
Small / 14pxCreated Jun 15 · Used 8 times
Caption / 12pxPowered by Family Bingo

Spacing Scale

xs · 4px
sm · 8px
md · 16px
lg · 24px
xl · 32px
2xl · 48px

Components

BUTTONS

INPUTS

CARDS

Road Trip Classics

45 items · Created Jun 15

Used 8 times →

Highway Signs

22 items · Created Jun 20

Used 5 times →

STATUS INDICATORS

Connected Disconnected Claiming BINGO!

TOAST NOTIFICATION

The game master is checking your card...

Player Join Screen

Join the Game!

Road Trip Summer '26

Powered by Family Bingo

Player Join — Mobile

Player Bingo Card

Tap cells to mark them with your player color. Bouncy animation on every tap. Hit BINGO for confetti!

Round 1
B
I
N
G
O
🏆
YOU WON!
🌻 Grandma Rose · Round 1 Winner

Player Card — Tap cells, press BINGO!

Player List View

Round 1

List View — Full item names visible

GM Dashboard — Master List

Three-color status system: Green = both confirmed, Yellow = GM only, Red = player only, Grey = untouched.

Road Trip '26
Round 2 · 5 players · 2 claims
🔥 Marcus claims BINGO!
B1
Red barn on the road
4/5 players marked
✓
B2
Out-of-state plate
0/5 players marked
👁
B3
Water tower
2/5 players marked
?
I1
Yellow wildflowers
0/5 players marked
○
I2
Bridge over a river
3/5 players marked
✓
N1
Cow in a field
3/5 players marked
?
N2
Speed limit sign
1/5 players marked
○

GM Master List — 3-color status

GM Dashboard — Player Card View

Road Trip '26
Round 2·5 players
🐄
Dad
🔥
Marcus
🌻
Nana
⭐
Lily
🦋
Sam

Viewing: Marcus 🔥

8/25 marked · 6 confirmed

B
I
N
G
O
✓ Both confirmed
👁 GM only
? Player only
Untouched

GM Player Card — Oversight View

Game Composer

New Game Step 3/3

WIN CONDITION

Row
Column
Diagonal
4 Corners
Blackout
Free Center Space

Center cell is a freebie for everyone

SELECT LISTS

✓
Road Trip Classics
Created Jun 15 · Used 8 times
45
✓
Highway Signs
Created Jun 20 · Used 5 times
22
Nature Spotting
Created May 5 · Used 12 times
60

67 items from 2 lists

Win: Row · Free space: On

Game Composer — Step 3