DATUM / TEMPLATE DEMONSTRATION · Fictional business and sample services
STYLE GUIDE
The Datum design system.
Shared styles and native component examples for consistent editing.
TYPOGRAPHY
Type with a clear hierarchy.
Space Grotesk for headings. Inter for body text and controls. IBM Plex Mono for labels.
A point of reference.
Clear requirements. Useful records.
Use the same term for the same thing. Keep the next step clear.
COLOUR
A shared set of tokens.
Slate
Paper
Accent
Muted
White
Surface
Border
Ink
COMPONENTS
Edit once. Use throughout the site.
These examples use the actual shared styles and native components. Change the component definitions in Assets to update all instances.