Game Design — Pro Football

Pro Football UI Reference

🎨 Color Palette

🟦 Primary Blues

#264496

#2d4997

#445a97

#697597

#808697

🔵 Secondary Blues

#4068d7

#6b88d6

#6080d6

#8b9fd7

#b6bfd7

🟫 Browns

#573e00

#57461a

#574927

#574f3d

#57534a

🟨 Gold Accents

#ab8a38

#ab8933

#ab904d

#ab9a6f

#aba491

🌟 Highlight Yellows

#ffcc4c

#ffd773

#ffe6a6

#ffe7ab

#fff4d9

🟥 Alert Reds

#a83333

#cc4444

#e15a5a

#f17d7d

#f7b3b3

🟩 Success Greens

#2d6a4f

#40916c

#52b788

#74c69d

#b7efc5

🆎 Room Font Style Guide

Thin (100)

Ideal for large display titles, decorative headings. Avoid for small text.

The quick brown fox jumps over the lazy dog

Light (300)

Use for secondary info, UI labels, or soft accents.

The quick brown fox jumps over the lazy dog

Regular (400)

Perfect for paragraphs, standard descriptions, and general UI text.

The quick brown fox jumps over the lazy dog

Medium (500)

Good for buttons, highlighted options, or compact titles.

The quick brown fox jumps over the lazy dog

Bold (700)

Use for section titles, primary buttons, player names, key stats.

The quick brown fox jumps over the lazy dog

Black (900)

Best for big numbers, leaderboard headers, or very prominent titles.

The quick brown fox jumps over the lazy dog