Every page on SortedUK is built from these parts — the same colours, type, buttons, cards, status and action patterns. This page renders the live components straight from the shared stylesheet, so it is always the source of truth. Toggle dark mode in the header to see every token adapt.
Deep navy and royal blue carry the brand; status colours are used only for meaning — never decoration. Greys define surface and depth.
One family — Geist — across the whole platform, with Geist Mono for labels and figures. Large, readable, never decorative.
Action-led labels only — "Solve this", "Find my money", "Track this case". Never "Learn more" or "Click here".
Everything lives in a card: clean, spacious, scannable. 16–20px radius, 1px border, soft elevation on hover.
Understand any UK letter or bill in plain English.
Solve this →The premium quiz pattern used by the Money Scan and every checker — icon chip, label, animated checkbox. Tap to select.
Consistent meaning everywhere: blue = informational, green = good/verified, amber = attention, red = critical.
Every substantial page follows the same spine — problem to outcome, never information for its own sake.
Injected automatically above the footer on every content page — so no page is a dead end. It carries "Ask Sorted about this", the next-step actions, and the visible trust strip. (Scroll down — it's live on this page too.)
Before any page ships, it must pass all of these.