01Foundations

Type.

Hierarchy from scale, colour, family and placement, not weight. Nine roles in the core; each theme decides which face plays head, text, display and mono.

02The scale

Nine roles, in each theme's faces.

Sizes are fluid between a phone and a wide screen. The faces are loaded by each site; the theme maps them to roles.

built once
Display word. Decoration, never a heading--type-word: clamp(88px, 14vw, 232px)--f-display: Poppins
The kit every initiative builds on.
Page heading--type-h1: clamp(40px, 4.2vw, 62px)--f-head: Inter Tight
Nine boxes that cover any digital service.
Section heading--type-h2: clamp(28px, 2.6vw, 38px)--f-head: Inter Tight
A design system shares the interface. The kit shares the service.
The lead statement, the one that fills--type-lead: clamp(24px, 2.2vw, 32px)--f-head: Inter Tight
Shared services and capabilities
Card and part heading--type-h3: clamp(20px, 1.6vw, 24px)--f-head: Inter Tight
Initiatives assemble from proven parts and build only the slice that sets them apart.
Running text--type-body: 17px--f-text: Inter Tight
Integrated once, used by every initiative.
Secondary text in cards and lists--type-small: 14.5px--f-text: Inter Tight
Part of the Hub
Labels, mono, in sentence case--type-label: 13px--f-mono: Space Mono
158
Mono numerals--type-stat: clamp(56px, 6.4vw, 104px)--f-mono: Space Mono