Ink on paper
Matchday-programme white, club-navy ink. Surfaces stay flat: hierarchy comes from type, hairline rules and numbered sections — never from shadows, gradients or blur.
Principles
The numbered grid
Editorial discipline on every screen: section numerals, uppercase tracked labels, tabular figures, 24 px margins. Air with intent — dense where the data lives, calm everywhere else.
Green is a signal
#24FF00 appears only where something is alive: live matches, the primary action, the 90 in the wordmark. As text on white it deepens to pitch green for AA contrast. If everything glows, nothing does.
Calm speed
Motion is 150–200 ms ease-out, nothing bounces, and the grid never shifts — live data lands in fixed slots. One navy inversion proves the system flexes for evening matches (screen 04).
Palette
Type
Rubik One — displayGoogle Fonts · one weight
The 90
2—1 · 90+4′ · ×3.1 · 25,000
The voice of the matchday: wordmark, scores, ranks and big numbers. Always uppercase, always tight. Used sparingly so it keeps its weight.
Archivo — textGoogle Fonts · 400–700
Predict every match, earn Coins.
Predict every match, earn Coins.
Predict every match, earn Coins.
Predict every match, earn Coins.
A grotesque built for sports pages: compact, sturdy, fast to read. Labels run uppercase with 0.08–0.12 em tracking; every figure is tabular.
Components
Buttons
Badges & status
Open
Live
Finished
Gold
Wordmark
THE90
Your football
Club monograms — no crests
RM
BA
AR
GS
MA
Selection chips
Prediction cells — 1 X 2
Stat strip — tabular figures
Points
2,210
Accuracy
68%
Streak
7
List row — hairline rhythm
-
OR
2,940
Oracle_FC
74% accuracy
-
PK
2,710
PredictKing
71% accuracy