BetAi Design System

Uber-inspired, confident-minimalist language. Optimized for density, technical credibility, and real-time betting utility.

Colors

Monochrome
Uber Black
Primary CTAs, headlines
#000000
Pure White
Backgrounds, inverse text
#FFFFFF
Hover Gray
Interaction states
#E2E2E2
Body Gray
Secondary text
#4B4B4B
Semantic
Live Red
Status indicators
#FF2D2D
Action Blue
Links, focus rings
#0000EE

Typography

Display & Body
Sharper odds.
Display · Inter Tight · Bold · -0.03em
BetAi runs a 200,000-simulation model on every live match, so you see fair value before the book moves.
Body · Inter · Regular · 1.5lh

Foundations

Radii
Sharp
Full-bleed
Standard
Cards, inputs
Featured
Large cards
Pill
All buttons
Circle
Avatars
Shadows
Flat
no shadow
Card
0 4 16 · 0.12
Overlay
0 4 16 · 0.16
Floating
0 2 8 · 0.16

Interactive

Buttons & Inputs
£
Odds Tiles
Radius 8px · Flash on update · Drift anim
Live Indicators
LIVE · 72'HALF TIME
Red pulse for live signal
AI Prediction
Arsenal · value
62%
Draw
21%
Book offers Arsenal at 1.85; fair price 1.61. Edge of +14.9%.