Redesign concept for HEFTY.GG · proposal sample · placeholder data · not the live site

HEFTY.GG · style tile · dark-first

One navy, three signals

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.

ArchivoAll text · width 100 to 112 · 400 to 720
Chivo MonoEvery number · tabular · 500
HEFTY.GG logo for dark surfaces

On dark surfaceslight-c-gg

HEFTY.GG logo for light surfaces

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

Aa

Heading

#FCFCFC

18.8 · 13.9

Aa

Body

#ECF0F3

16.9 · 12.5

Aa

Secondary

#B8BED8

10.5 · 7.8

Aa

Muted

#9097BD

6.8 · 5.0

Aa

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

Gift card price1,000Points
Daily quest payout40Heft
Competition prize8,000Points
  • Glyph first, then the figure, then the currency name.
  • Points are always teal and Heft always purple, so colour and shape agree.
  • No coins, chests, wheels or anything that reads as a prize draw.

Buttons Radius 8 · heights 48, 40, 32

Primary L · 48 Primary · 40 Small · 32
Secondary Ghost Disabled Secondary S
Focus Focus

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

DailyWeeklySeasonF2P and membersMembers skill

State

Live Open Coming soon Verified Waiting for logout Checking

Platform chips and game tiles

SteamXboxPlayStationBattle.net OSWFXIVVI

Game tiles are typographic placeholders; no publisher logos or art.

Cards Quest, snapshot rail, gift card, competition

Weekly1d 18h

Gain

150,000

Fishing XP

F2P and members

250Points

Gain 150,000 Fishing XP

Accepted Mon 09:14

96,420/ 150,000 XP
Snapshot 4,212,880Target 4,362,880

The snapshot rail is the signature: the marker is the moment you accepted, and only what sits right of it counts.

Steam WalletDigital code$10
1,000PointsBrand as text
Open

Weekly Skill Race: Agility

Pool 25,000Closes in 2d 02hEntered 1,284
1Tern Harrow1,864,2208,000
2Sable Gorse1,702,9155,000
3Fen Lantern1,588,0403,500
4Birchmoor1,391,3882,500
5Cobalt Heron1,277,7021,500
6Pellow Rook1,190,455900
7Ashgrove1,102,730900
8Tarn Voss1,047,118900
9Gilly Fen996,402900
10Oriel Dusk958,660900
Top 10 paid · places sum to the pool

Navigation Signed-in bar keeps today’s names: Home, Earn, Compete, Rewards

Signed in, with the dashboard tabs

Game switcher, open

Radius

4

Badges

8

Buttons

12

Cards

16

Panels

Spacing 8px grid

4
8
12
16
24
32
48
64
96
120

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

CardSurface 1 · e1
RaisedSurface 2 · e2
FloatSurface 2 · e3
HEFTY.GG redesign concept · proposal sample · placeholder data