Bad Breaks
This is a demo. Everything here is invented — the breaks, the buyers, the sold spots. Claim something and watch it land on the sheet; nothing is charged and nothing is posted. It all goes back to how you found it overnight.
See the Breaker Console → ← Bad Breaks

Brand

The colours and the mark, sampled from the logo artwork.

Palette

Base #06060A
The colour the whole surface ramp is built from.
Accent #407090
The accent. One thing at a time.
Body text #F2F4F8
Body text.
Page #0B0B13
The background everything sits on.
Shadow #131320
The darkest step, behind raised edges.
Card #151523
One step up from the page.
Rule #212136
Borders and table lines.
Soft neutral #C7D9E6
The one soft neutral.
Contrast
Text on page
17.8:1
Text on card
16.39:1
Gold on page
3.68:1
Gold on card
3.39:1

WCAG AA asks for 4.5:1 on body text and 3:1 on large text. Auto recommend darkens a palette until it clears both rather than offering one that does not.

The mark

Bad Breaks
The supplied artwork, used directly.

Using it

Everything is a CSS custom property on :root. Reach for the token, never the hex — var(--gold) rather than #FDBD04 — so a change here reaches every screen at once.

Gold is for one thing at a time. It marks the single most important item in view: the spot price, the active wizard step, the primary button. Two golds competing on one screen means neither is the answer to "what do I do next".