Gain
150,000
Fishing XP
F2P and members
HEFTY.GG · style tile · dark-first
Navy carries every surface, stepped up in elevation. Teal means earned, purple means progression, and the blue-to-purple gradient is kept for the one action that starts something and for progress.
On dark surfaceslight-c-gg
On light surfacesdark-c-gg
Colour Contrast is WCAG 2.2, text on the page colour unless noted
Navy elevation ladder
Sunken
#07081A
Footer, notice bar
Page
#0B0C1F
Level 0
Band
#0E0F28
Alternate sections
Surface 1
#111233
Cards
Surface 2 · brand navy
#191A40
Raised cards, popovers
Surface 3
#22245A
Controls, tiles
Surface 4
#2E3170
Hover, tracks
Text · contrast on the page, then on surface 3
Heading
#FCFCFC
18.8 · 13.9
Body
#ECF0F3
16.9 · 12.5
Secondary
#B8BED8
10.5 · 7.8
Muted
#9097BD
6.8 · 5.0
Disabled
#5F6590
Inactive controls only
Brand and signal
Blue
#4090D9
Logo, gradient start
Deep blue
#3F4DB0
Avatar, logo on light
Blue 300
#8CBDF0
Links, focus ring · 9.8
Teal · Points, earned
#7AE4DE
Success, live, verified · 12.9
Purple · Heft
#9F6CE0
Glyph and fills · 5.2
Purple 300
#BD9CF2
Heft as text · 8.5
Gradient
#4090D9 → #9F6CE0
Primary action, progress · navy text 5.2+
Status
Success
#7AE4DE
Same as teal
Warning
#F3C26B
Waiting states · 11.7
Danger
#F47C84
Errors, removals · 7.4
Hairlines
#ECF0F3 at 8 · 13 · 22%
Dividers, card edges, inputs
Type scale Archivo, one family; Chivo Mono for figures
Displaywdth 106 · 720 · 56/60 · −3%
Grind it anyway.
Heading 2wdth 110 · 700 · 40/48 · −2.2%
Race the week.
Heading 3wdth 104 · 650 · 22/28
Weekly Skill Race: Agility
Body large400 · 18/28
A gift card is a few skilling sessions away.
Body400 · 16/24
Only XP gained after you accept counts.
Small400 · 14/20
Standings freeze at the close and are never recomputed.
Label650 · 12/16 · +10% · caps
Quests · dailies reset at 00:00 UTC
FiguresChivo Mono · 500 · tabular
1,864,220XP gained · 2d 02h · #1
Why this pair. Archivo has a width axis, so headlines widen toward the heavy, wide HEFTY wordmark while interface text stays at normal width: one family does both jobs. Chivo Mono comes from the same foundry, Omnibus-Type, so figures sit comfortably beside the text, and monospaced XP, ranks and prices line up like a Hiscores table. Commas and spaces inside figures are tightened by a fixed amount so columns still align.
Currency glyphs From the mark, not from coins
Blue 8Purple 6Teal 4units on one equilateral grid
Points250Points
Solid teal triangle. Spendable, so it sits before every Points balance, payout and price.
Heft1,500Heft
Layered purple triangle. Progression: it builds your Hefty Level and cannot be spent, so it never appears on a price.
In use
Buttons Radius 8 · heights 48, 40, 32
Keyboard focus: 2px #8CBDF0 ring, 3px offset, on every control. The gradient is reserved for the one action that starts something.
Badges, chips, tiles Radius 4 · height 24
Quest cadence
State
Platform chips and game tiles
Game tiles are typographic placeholders; no publisher logos or art.
Cards Quest, snapshot rail, gift card, competition
Gain
150,000
Fishing XP
F2P and members
Gain 150,000 Fishing XP
Accepted Mon 09:14
The snapshot rail is the signature: the marker is the moment you accepted, and only what sits right of it counts.
Weekly Skill Race: Agility
Navigation Signed-in bar keeps today’s names: Home, Earn, Compete, Rewards
Signed in, with the dashboard tabs
Game switcher, open
Radius
Badges
Buttons
Cards
Panels
Spacing 8px grid
4 is for spacing inside components. Sections sit 120 apart on desktop and 72 on phones.
Elevation and icons Lucide, 1.75 stroke, round caps