Colour
Semantic palette inherited from Atlas. Components reference semantic names — never raw shades — so a re-theme is a token swap.
primary
50
100
200
300
400
500
600
700
800
900
950
secondary
50
100
200
300
400
500
600
700
800
900
950
success
50
100
200
300
400
500
600
700
800
900
950
info
50
100
200
300
400
500
600
700
800
900
950
warning
50
100
200
300
400
500
600
700
800
900
950
error
50
100
200
300
400
500
600
700
800
900
950
neutral
50
100
200
300
400
500
600
700
800
900
950
Typography
Public Sans across the board, with JetBrains Mono for identifiers.
Display · text-3xl semibold
Heading · text-xl semibold
Card title · text-lg semibold
Label · text-sm medium muted
Body · text-sm regular. The quick brown fox jumps over 13 lazy dogs.
Caption · text-xs dimmed
URN 138291 · DfE 933/4001 · font-mono
Shape & surface
8px cards, 6px controls, on the pegboard canvas.
radius-sm
radius-md
radius-lg
radius-xl
radius-2xl
Controls
Buttons, badges and the widget priority statuses.
primarysecondarysuccessinfowarningerrorneutral
Widget priority:CriticalRecommendedStandard
Co-branding slot
EdCo-led UI with a dedicated slot for the host client's logo — the embeddable co-brand pattern.
N
Northwind CRMA
Acme Schools GroupClient logo