Design System
Dual-Personality System

Player Personality

Nunito · Warm White · Rounded · Bouncy

TYPOGRAPHY
Family Bingo!
Tap a cell to mark it
You're doing great!
BACKGROUNDS
Warm
Surface
Accent
Light
BUTTONS
CORNERS
14px
20px
Pill

GM Personality

Inter · Pure White · Sharp · Instant

TYPOGRAPHY
Master List
25 items · 5 players
3/5 confirmed · 12:34 PM
BACKGROUNDS
Base
Surface
Nav
Accent
BUTTONS
CORNERS
4px
8px
Chip

Shared: 3-Color Status System

✓ Confirmed #16A34A
⏱ Unconfirmed #D97706
⚠ Claimed #DC2626
Unmarked

Shared: 12 Player Identity Colors

Coral
Ocean
Mint
Lav
Tang
Rose
Lime
Sky
Peach
Plum
Salm
Sage

Shared: Deep Indigo Accent

#4338CA
Used across both player and GM surfaces for primary actions, links, and active states.
Player Experience
Join & Play

Family Bingo

Join the fun!

😊
😎
🤡
😍
🚀
🌟
🌈
💎
1. Join Screen
😊 Grandma Sue
Road Trip Bingo
B
I
N
G
O
2-3. Bingo Card (Grid / List)
😊 Grandma Sue
Road Trip Bingo
🏆
BINGO!
Waiting for GM to confirm...
4. BINGO Claim
😊 Grandma Sue
Road Trip Bingo
👋

Welcome back!

Syncing your card

5. Reconnection State
GM Experience
Dashboard & Tools
Road Trip Bingo 5 players connected
25 Items
8 Confirmed
6 Unconfirmed
2 Claimed
9 Unmarked
Status Item Letter Players Action

Bingo Claims

😎 Uncle Dave 2:34 PM
🤡 Cousin Lily 2:31 PM

Live Activity

🟢 Grandma Sue marked "Red Barn" 2:35
🟠 Dad marked "Cow" 2:34
🔴 Uncle Dave claimed BINGO 2:34
🟢 Mom marked "State Sign" 2:33
Create New Game
Choose a pre-built list or create your own.
How items are assigned to columns.
Row
Column
Diagonal
Corners
Blackout
Free center space

Share Game

QR Code
🏆
BINGO!
You did it! Waiting for GM...