Style guide — Season Mode
A sports-game menu system: warm ember-charcoal ground, the SmashDay orange as the one action colour, glowing orange numerals, vivid team colours — and the floodlit courtside surfaces are the most intense in the game, not the only dark ones. Red still exists only where something is live right now. Status is never a colour fill — a neutral surface, a coloured rail, and a sentence.
Sunday Society League
Masthead — Kanit, heavy uppercase italic. One per page.
Eyebrow — small caps tracking; sits above a masthead or names a card group.
figure-xl — big tabular numerals for the one number a screen is about.
Ground & action
The SmashDay orange is the one action colour — buttons, active states, the code, the big numerals. Crimson exists only for LIVE and for errors, and always arrives with a word.
Team colours — categorical
Vivid fills with dark ink and a soft glow, one per team, no order implied. Never used for grades or roles.
Grade colours — ordinal
A bright ordinal ramp with dark ink, in strength order. Ordinal, never decorative — and never mixed with team colours or role line-work.
Role colours — line-work only
Roles are drawn in outline and text only, never as fills — so they can never be mistaken for a team or a grade.
Floodlit & volt
Volt is the energy colour: big figures, the public code, highlights — never body text.
One solid button per view, doing the main thing. Every disabled control carries a visible sentence saying why. Danger is bordered red, and always two-step.
Status is never a colour fill: neutral surface, a coloured inline-start rail, and a sentence with a bold word. Red rails are reserved for errors and LIVE.
Filters and toggles. The active chip wears the brand orange.
Team badge wears the team colour; grade badge wears the ordinal colour; hollow dashed means not graded yet. The two systems never swap clothes.
A label and a counted number. Derived values say they derive — "Counted, never typed."
| P | W | Pts | Form | ||
|---|---|---|---|---|---|
| 1 | SMSmashers | 5 | 4 | 8 | WWLWW |
| 2 | CKCourt Kings | 5 | 4 | 8 | WLWWW |
Numeric columns are right-aligned tabular figures. Wide tables scroll inside the card, never the page.
Peer views of one screen. The active tab lifts to card white — no colour needed.
Setup progress. Green is done, orange is now, grey is still to come.
The public code — display type, shouted, safe to share.
A capability link — mono in a 2px ink border, the loudest thing on its screen, because losing it means losing the way in. Tokens are copied, never rendered where they can leak.
Native details/summary. Nothing important hides inside one.
The public page's honesty gauge — it says how old what you see is, instead of pretending.
The only red that pulses. Red is reserved for LIVE and errors, and always arrives with a word or a labelled dot in context.
On every shelled screen. Refusals name their reason — never a bare error.
The floodlit surfaces — courtside scoring and the public Live pane — are the deepest, most glowing panels in the system, so live still reads as its own place.
Nobody is waiting. Share the code and they will be.
An empty screen says what would fill it and hands over the way to fill it.
Reserved for rules the user acts on — deliberate emphasis, used rarely so it stays loud.