THE DESIGN SYSTEM
A shared language
for the whole site.
Native styles and components make the design easier to edit and keep consistent.
TYPE
Clear roles. A little character.
Archivo for headings. Inter for body text. IBM Plex Mono for small labels.
Good ideas, made visible.
A system with room to move.
Use clear words and a useful hierarchy. Give the next editor a consistent set of styles.
Paper
Ink
Accent
Soft
Muted
Border
White
Surface
SHARED COMPONENTS
Edit once. Keep the system connected.
The examples use the actual shared styles and native components. The project planner has its own colour and service controls.