FriarBreaks

Brand

Sampled from the break-stream frame, not invented. The San Diego Padres use the same scheme and were a useful cross-check, but where the two differ this follows the mat: the stream brown is warmer and more saturated than the Padres' near-black #2F241D, and the gold is fractionally deeper than their #FFC425.

Palette

Field brown#542A02
The border and mat brown, straight off the stream frame.
Gold#F5C20E
The diagonal corner stripes and the home-plate outline.
Cream#FCFAE0
The Breaks script.
Soft gold#E9D775
The lighter gold inside the logo.
Outline#261A14
The dark edge around the script.
Page#1A0F05
Darkened from the field brown so cream reads at 17.85:1.
Card#2E1B07
One step up from the page.
Rule#4C2D0B
Borders and table lines.

Why the browns are darker than the mat

The mat brown is #542A02, and an entire interface painted in it is too light to read cream text against for any length of time. The surfaces here run darker and #542A02 survives as the mid-tone: the header gradient, the home-plate mark, and the wash behind the page.

Every text colour was measured against its background rather than eyeballed. The faintest — the muted grey-gold used for captions — is 6.84:1 on the page and 5.97:1 on a card, both above the 4.5:1 WCAG AA asks for body text. Cream on the page is 17.85:1. That matters most on the claims sheet, which gets read in a hurry while a break is running.

The marks

FriarBreaks
Home plate in gold with the field brown inside, block caps over a script, which is the arrangement on the mat and the stream overlay. The plate is a CSS clip-path rather than an image, so it stays crisp at any size and costs no request. The script falls back through the system cursive stack: swap in the real lettering when there is a vector of it.

Using it

Everything is a CSS custom property on :root in static/app.css. Reach for the token, never the hex — var(--gold) rather than #F5C20E — 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".