The 90 · Your football · Design direction

03/ Night HUD

The view from the stadium command centre. A futuristic instrument panel: deepest navy layers under a faint telemetry grid, cut-corner HUD modules, ring gauges and mono labels — with holographic green and cyan data lit by dosed, disciplined glow.

Dark instrument HUD · dosed glow Rubik One · Space Grotesk · DM Mono Cut corners · 12 px notch Motion 140–200 ms
Two layouts for Home, Live & Prediction Compare A vs B with live previews and lock your pick — then send one link back.

Principles

Instrument, not interface

Every block is a cut-corner HUD module with a mono telemetry label. Ring gauges, tick rulers and section marks make the screen read like a stadium command centre — data on glass.

Deepest navy, dosed glow

The page sits at near-black abyss under a faint grid. Glow is a 16px instrument dose — gauges, the live dot, the selected tile — never signage. No red: even LIVE pulses green.

Green acts, cyan reads

Holographic green carries actions, live and selection; cyan carries data — gauges, charts, kick-off times. Text on a green fill is always club navy, never white.

Three voices, one machine

Rubik One shouts the scores; Space Grotesk does the talking; DM Mono runs the telemetry labels in uppercase with 0.1em tracking. Transitions stay 140–200ms; reduced motion fully respected.

Palette

#02040C

Abyss

Page background

#070D1F

Panel

HUD module fill

#0C1430

Panel 2

Tiles, chips, top layer

#24FF00

Green

Actions, live, selection — navy text only

#3BE8FF

Cyan

Holographic data — gauges, charts

#8C96B5

Slate

Secondary text

#FFFFFF

White

Primary text on dark

Type

Rubik One — displayGoogle Fonts · one weight

The 90

2—1 · 90+4′ · ×3.1 · 25,000

The roar: giant scores at 46–62px, ranks, the wordmark. Always uppercase, tabular figures, big enough to read from the back row.

Space Grotesk — textGoogle Fonts · 400 / 500 / 700

Predict every match, earn Coins.

Predict every match, earn Coins.

Predict every match, earn Coins.

The talking voice — body copy, titles, row text. Even tone, slightly mechanical, pairs cleanly with the mono labels.

DM Mono — telemetryGoogle Fonts · 400 / 500

Live · Min 67

Closes in 0:24

50 Coins / market

Every label, status and timer runs mono, uppercase, 0.1em tracking. This is what makes the surface read as an instrument panel rather than a card UI.

Components

Buttons — cut corners
Green hero — one per screen
Live · 67′ La Liga

2—1

Chips & status
Open Derby Live Finished
Monograms — no crests
RM BA GS MA
Prediction tiles
Ring gauges — the instrument
2/3 68%
Wordmark
THE 90 Your football
List row
  • OR

    Oracle_FC

    74% accuracy

    2,940
  • PK

    PredictKing

    71% accuracy

    2,710

Screens

390 × 844 · fully clickable
OnboardingHolographic pitch hero · club & league chips · auto language Open
HomeLive pitch hero · HUD fixture panels with multipliers · daily gauge Open
Prediction1X2 tiles · exact-score steppers · scorer chips · green confirm Open
LivePinned telemetry score · ring-timer live window · event feed Open
LeaderboardGreen leader module · Global / La Liga / Friends · glowing you-row Open
TournamentsGreen featured event with countdown · open / live / finished Open
GroupsPrivate leagues · expanding HUD module with table & chat preview Open
ChatAuto-translate toggles (ES / FR) · line-art HUD stickers Open
Daily hubThe spin wheel show · mission progress bars · streak week Open
ProfileStats · wallet · Prime plans €2 / €5 / €8, selected goes green Open