Family Bingo Design System

Minimalist Modern by Mika — Every pixel earns its place.

Foundation Colors

Snow
#FAFAFA
White
#FFFFFF
Warm Gray
#F5F3F0
Light Gray
#E8E5E1
Near Black
#1A1A1A
Medium Gray
#6B6B6B
Light Gray
#9B9B9B

Accent & Semantic Colors

Deep Indigo
#4338CA
Dark Indigo
#3730A3
Indigo Tint
#EEF2FF
Success
#16A34A
Warning
#D97706
Danger
#DC2626
Info
#2563EB

Player Identity Colors

12 curated colors for player cell fills

Ocean
Sky
Mint
Lime
Sunflower
Tangerine
Coral
Rose
Lavender
Plum
Slate
Teal

Typography — Inter

display
32px / 700
Family Bingo
heading-1
24px / 600
Good evening, Sarah.
heading-2
20px / 600
Active Games
heading-3
16px / 600
Road Trip Classics
body
15px / 400
Create and manage bingo games for your family.
body-medium
15px / 500
Join Game
small
13px / 400
Last edited 3 days ago
caption
11px / 500
5 Players
cell-text
11px / 500
Red barn on hillside
cell-letter
13px / mono 700
B   I   N   G   O

Spacing Scale (4px grid)

space-1: 4px
space-2: 8px
space-3: 12px
space-4: 16px
space-5: 20px
space-6: 24px
space-8: 32px
space-10: 40px
space-12: 48px
space-16: 64px

Buttons

Inputs

Please enter a valid name.

Cards

Road Trip Classics
24 items
Last edited 3 days ago
Road Trip Bingo
LIVE
3 lists · 5 players · Round 2
Started 2h ago

Badges & Status

5 players Round 2 Confirmed Partial Unconfirmed LIVE
Link copied to clipboard
Connected
Reconnecting
Disconnected

Shadows & Radii

shadow-sm
r-sm 6px
shadow-md
r-md 10px
shadow-lg
r-lg 16px
r-xl 24px
glow

Player Join Screen

Link tap to playing in under 30 seconds. Nothing unnecessary.

Join Family Bingo
Road Trip Bingo

Player Bingo Card

Tap cells to mark them with your player color. Try the BINGO button.

Road Trip Bingo 🚀
B
I
N
G
O

Player List View

Alternative view grouped by B-I-N-G-O letter. Tap rows to mark.

Road Trip Bingo 🚀

GM Dashboard — Master List

Three-color status system: green (confirmed), amber (partial), red (unconfirmed claim).

Road Trip Bingo
Round 2 5 players 8/42 confirmed
✓
B3
Red barn
5/5
✓
B5
Roadkill
5/5
✓
B7
Water tower
3/5
✓
I4
Cow pasture
2/5
I2
Covered bridge
1/5
N8
Uncle fell asleep
2/5
I9
Rest stop
0/5
N1
Speed limit sign
0/5
G3
Gas station
0/5
G7
Train tracks
0/5
O2
Billboard
0/5
O5
Exit sign
0/5
⚠ BINGO: Nana 🌻

GM Dashboard — Player Cards

Mini bingo grids with three-color status per player.

Road Trip Bingo
5 Players Connected
🤠
Dad
Connected
✓
!
✓
✓
~
!
★
✓
!
~
✓
Items: 12/25
🌻
Nana
Connected
✓
✓
~
✓
!
✓
✓
★
✓
~
!
✓
Items: 8/25 · BINGO claimed
🚀
Marcus
Connected
✓
✓
~
✓
★
!
✓
~
Items: 6/25
🔥
Lisa
Disconnected
✓
✓
~
✓
★
!
✓
Items: 5/25

Game Composer

Three-step flow: choose lists, assign letters, configure settings.

Step 1: Choose Lists
New Game
Step 1 of 3: Choose Lists
1
2
3
Game type
Select lists
✓
Road Trip Classics
24 items
✓
Highway Signs
18 items
BBQ Moments
30 items
Step 3: Settings
New Game
Step 3 of 3: Settings
✓
✓
3
Win Condition
Free Center Space