Typography

Saira, IBM Plex Sans, IBM Plex Mono

Saira names the object, IBM Plex Sans tells its story, IBM Plex Mono carries its identifiers. The display face sits behind one token so it can be swapped in a single commit.

The three faces

Display / headings
Saira
Map · Build · Run
--font-canvas-display · 500 · 600 · 700
Body / UI
IBM Plex Sans
The map is the progress bar.
--font-canvas-body · 400 · 500 · 600 · 700
Data / identifiers
IBM Plex Mono
adapter:ops.v3 · 22 fields
--font-canvas-mono · 400 · 500

The scale

Ten steps. Every screen in Canvas is built from these — no ad-hoc sizes.

What parts of your business need to connect?
Display
Saira 700
40 / 44 · -1.5%
Property Turnover Command Center
H1
Saira 700
30 / 36 · -1%
Panel and section headings
H2
Saira 600
24 / 30
Manager live board
H3
Saira 600
19 / 26
Scheduling
Title
Plex Sans 600
16 / 22
One governed scheduling capability, reached from four business contexts.
Body
Plex Sans 400
15 / 23
canonical · 4 contextual placements · owner: Ops
Body S
Plex Sans 400
13 / 19
Capability · Selected
Label
Plex Sans 600
12 / 16 · +6% UPPER
92%
Metric
Saira 700
34 / 36 · tabular
spec.turnover.cc · v0.4 · VAL-204
Mono
Plex Mono 400
13 / 19

In use

Saira for the object name, Plex Sans for its story, mono for its identifiers — the correct pairing on one card.

Capability
Turnover board
Live board of every turnover with exceptions, SLA and inline assignment.
Published · v3 · Operations