Foundations

Typography

Bricolage Grotesque, Figtree and Geist Mono, the type scale and tabular numbers.

Families

Three families, all under the SIL Open Font License.

Aa Il1 0O

ABC DiatypeTitles, headlines, hero numbers and the logo font fallback: Medium (Bold for the fallback wordmark) with tighter tracking.--edflow-font-display · Commercial

Aa Il1 0O

Sequel Sans HeadCodes and data, where a fixed-width face would traditionally go: visit codes, identifiers, timestamps, numeric chips, tabular figures, code blocks, audit and integration payloads. Proportional: numbers always use tabular figures.--edflow-font-mono · Commercial

Aa Il1 0O

ABC DiatypeAll UI and reading text on web, iOS, Android and email.--edflow-font-sans · Commercial

The ss02 feature

Figtree's ss02 set gives I, l and 1 distinct shapes: it is on for all body text so a visit code or a dose never reads wrong.

Il1 · KB01-T7RM ss02 off

Il1 · KB01-T7RM ss02 on

Type scale

Rendered from the type scale. Patient reading text is never below body-md.

display2xl
72/80 · 500 · -0.032em
Every step, in view
displayXl
56/64 · 500 · -0.03em
Every step, in view
displayLg
44/48 · 500 · -0.026em
Every step, in view
displayMd
36/40 · 500 · -0.022em
Every step, in view
displaySm
28/32 · 500 · -0.018em
Every step, in view
headingLg
24/28 · 500 · -0.014em
Every step, in view
headingMd
20/24 · 500 · -0.01em
Every step, in view
headingSm
17/24 · 500 · -0.004em
Every step, in view
bodyLg
18/28 · 400
Every step, in view
bodyMd
16/24 · 400
Every step, in view
bodySm
14/20 · 400 · 0.004em
Every step, in view
labelLg
16/20 · 500
Every step, in view
labelMd
14/20 · 500 · 0.004em
Every step, in view
labelSm
13/16 · 500 · 0.008em
Every step, in view
caption
13/20 · 400 · 0.008em
Every step, in view
overline
12/16 · 500 · 0.06em
Every step, in view
numericXl
48/60 · 500 · -0.02em
1 h 45 min · 42
numericLg
32/40 · 500 · -0.012em
1 h 45 min · 42
numericMd
20/24 · 500
1 h 45 min · 42
monoLg
22/28 · 500 · 0.06em
KB01-T7RM
monoMd
13/20 · 400
KB01-T7RM