Reference
The Constitutional Modernist System
Design tokens and reusable components for Cite the Record. Balances the gravitas of institutional authority with the transparency of modern digital governance. Neutral, unimpeachable, evidence-first.
Typography
Source Serif 4 for the document. Inter for the interface. JetBrains Mono for technical identifiers — hashes, IDs, timestamps. Small-caps Inter for metadata labels.
display-serif
Cite the Record
headline-serif
A long-running public archive
subheading-ui
Registered interests
body-md
Body copy: every visible fact carries an immutable link back to its official source, with content hash and fetch date so consumers can verify what was retrieved.
body-sm
Smaller body text for secondary copy and table rows.
metadata-mono
label-caps
DELIVERED BY · DEPARTMENT · FETCHED AT
Colour palette
A restrained Material You scheme. Parliamentary blue for primary actions and links; charcoal for headings and body; semantic status tokens for success, warning, information, accent, and error states.
Primary (Parliamentary Blue)
Secondary (Charcoal)
Tertiary (Deep ink)
Surfaces
Outlines & inverse
Error
Status & kind
Spacing tokens
Generous whitespace within record views: every piece of data is significant, so visual rhythm reinforces that.
| Token | Value | Use |
|---|---|---|
| unit | 4px | Base spacing unit. |
| gutter | 24px | Gap between primary columns. |
| margin-mobile | 16px | Page edge padding, mobile. |
| margin-desktop | 64px | Page edge padding, desktop. |
| max-width | 1280px | Centered content max width. |
Party colours
Used as accents only — a 6px left-stripe on the MP header card, a small dot next to the "Party" key fact, and a two-or-three-letter abbreviation chip. Body, nav, links, and CTAs stay on the Stitch palette.
Hex values mirror civic.entity.payload.latest_party.backgroundColour in the cleaned DB, which is itself sourced from the UK Parliament Members API. 29 party / grouping names currently present in the data:
Conservative
Labour
Labour (Co-op)
Liberal Democrat
Scottish National Party
Green Party
Plaid Cymru
Reform UK
Alba Party
Workers Party of Britain
Democratic Unionist Party
Sinn Féin
Social Democratic & Labour Party
Ulster Unionist Party
Alliance
Traditional Unionist Voice
Independent Ulster Unionist
Crossbench
Bishops
Lord Speaker
Speaker
Independent
Non-affiliated
Independent Labour
Conservative Independent
Independent Social Democrat
The Independent Group for Change
Your Party
Restore Britain
Components
All components honour the evidence-first contract: any visible fact links back to source URL + SHA-256 + fetched date + parser version.
VerifiedBadge
CitationChip
Compact source link — Source · retrieved date · Check the source. The retrieved-date segment is omitted when unavailable, and hash text is not shown.
ProvenanceCard
Full sidebar provenance block used on record detail and MP profile pages.
Where this record comes from
- Captured
- 14 Mar 2026
Technical provenance
- Parser version
- Fetched at (full timestamp)
- Request URL
- Source-evidence id
- Raw bytes
Buttons
Search input
Technical identifier
Hashes, IDs, and other non-human-readable strings sit inside a tonal block to signal "this is data, not prose."
Status indicators