Style guide — Clubhouse & Floodlight
Warm daylight paper for running the tournament; dark floodlit surfaces only where something is live right now. Royal blue is the one action colour. Status is never a colour fill — a neutral surface, a coloured rail, and a sentence.
Sunday Society League
Masthead — Archivo, wide and heavy. 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
Royal blue is the one action colour. Red exists only for LIVE and for errors, and always arrives with a word.
Team pastels — categorical
Pastel fills with dark ink, one per team, no order implied. Never used for grades or roles.
Grade colours — ordinal
Saturated mid-darks with white ink, in strength order. Ordinal, never decorative — and never mixed with team pastels 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
Dark inverts only where something is live right now. Volt figures exist only on floodlit surfaces — never on paper.
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 goes ink, never blue — blue is kept for actions.
Team badge wears the team pastel; 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, blue 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.
Dark inverts only where something is live right now — courtside scoring and the public Live pane. Volt never appears on paper.
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.