nki_web design system
Phase-0 swatch page. Branding lands later — this is a baseline for shape, spacing, and a11y.
Colour
Brand
50
100
200
300
400
500
600
700
800
900
Neutral
50
100
200
300
400
500
600
700
800
900
Status
success-500
success-700
warning-500
warning-700
danger-500
danger-700
Typography
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Text xl — body copy.
Text lg — body copy.
Text base — body copy.
Text sm, muted — secondary info.
Text xs, danger — error hint.
Buttons
Form controls
Cards
Card title
Default padding, bordered.
Borderless
Large padding, shadow only.
Small padding
Tighter layout.