Volt is the hero
Green isn't an accent here — it's the protagonist. One big lime surface per screen carries the energy: the featured match, the №1 spot, the selected plan. Text on volt is always club navy, never white.
Principles
Night match energy
Layered navy — never pure black. Halftone dust and a moderate 24px glow read as stadium floodlights, not neon signage. No red anywhere: even LIVE pulses green.
One family, big numbers
Rubik One shouts the scores at 56–72px; Rubik does the talking everywhere else. Bold uppercase pills, 2px borders on anything active, tabular figures in every stat.
Fast & springy
120–150ms transitions, pulse on live, glow on selection — and the spin wheel as the show. The grid itself never jumps: live data lands in fixed slots. Reduced motion fully respected.
Palette
Type
Rubik One — displayGoogle Fonts · one weight
The 90
2—1 · 90+4′ · ×3.1 · 25,000
The roar of the stadium: giant scores at 56–72px, ranks, the wordmark. Always uppercase. Big enough to read from the back row.
Rubik — textGoogle Fonts · 400 / 500 / 700
Predict every match, earn Coins.
Predict every match, earn Coins.
PREDICT EVERY MATCH, EARN COINS.
Same family as the display — one voice, two volumes. Chips and buttons run bold uppercase with 0.04em tracking; every figure is tabular.
Components
Buttons — meaty pills
Volt hero card — one per screen
Live · 67′
La Liga
2—1
Pills & status
Open
Live
Finished
Club monograms — no crests
RM
BA
GS
MA
Prediction tiles — 2px active border
Ring timer & progress
16
Wordmark
THE 90
Your football
List row
-
OR
2,940
Oracle_FC
74% accuracy
-
PK
2,710
PredictKing
71% accuracy