STYLE GUIDE — FOR EDITORS
10 COLOUR TOKENS
3 TYPEFACES
8PT SPACING SCALE
01 — COLOUR
Green is reserved for verification, links and positive state. Everything else is ink, paper or a hairline.
INK
#0B1411
FOREST
#0E231C
PAPER
#F4F5EF
SURFACE
#FFFFFF
MIST
#E9EDE5
LINE
#D9DED4
BODY
#44524B
MUTED
#5C6B62
ACCENT
#1E9E6A
ACCENT SOFT
#DCF2E7
02 — TYPOGRAPHY
Bricolage Grotesque for display. Hanken Grotesk for text. DM Mono for labels, data and metadata.
DISPLAY
BRICOLAGE · 62 / 0.98 / −4.5%
HEADING
BRICOLAGE · 40 / 1.04 / −3.5%
SUBHEAD
BRICOLAGE · 24 / 1.2 / −2.5%
Assurance should be a record, not a scramble. Evidence collects on a schedule and stays traceable to its source.
BODY
HANKEN · 17 / 1.6 / 0
MONO
DM MONO · 10.5 / 1.2 / +14%
03 — COMPONENTS
Buttons, fields, evidence cards and ledger rows. Sizes are fixed; spacing comes from the 8pt scale.
FORM FIELD
WORK EMAIL
you@company.com
10PX RADIUS · 1PX HAIRLINE · 13.5PX PLACEHOLDER
EVIDENCE CARD
Access control
SSO, SCIM and hardware keys for every employee. Privileged access is reviewed monthly.
SSO · SCIM · MONTHLY REVIEW
LEDGER ROW
ARTEFACT
OWNER
LAST VERIFIED
Model card v4
M. Lindqvist
14 APR
DPIA
J. Reuter
02 APR
Access review
S. Okafor
28 MAR
04 — RULES
They are what make the pages feel related. Break them deliberately, not by accident.
01
4, 8, 12, 16, 24, 32, 40, 56, 64, 88. Sections use 104px vertical padding on desktop and 56px on phone.
4 · 8 · 16 · 24 · 56 · 104
02
Dividers are always 1px at 9% ink. Never 2px, never a drop shadow standing in for a rule.
1PX · 9% INK
03
10px for controls, 16px for cards and 999px for pills. Nested frames do not get their own radius.
10 · 16 · 999
04
Weight and size, not colour. Accent green is reserved for verification, links and positive state.
WEIGHT · SIZE · SPACE