Typography
Mono capitals for the interface, Inter Display for headlines and prose, one weight.
Faces
Inter Display, 400
Every job, readable at a glance.
Headlines, prose and big numbers.
Commit Mono, 400
Run pipeline
0123456789 job_8f2a91 12:04:09
Scale
- display, 56pxEvery job, readable
- title, 32pxPipelines
- heading, 24pxRecent runs
- heading-sm, 18pxingest-prod
- figure, 40px3,450
- body, 15pxThe backfill wrote 1,204 partitions to the warehouse in 4 minutes.
- body-sm, 14pxStarted 3 minutes ago by the scheduler.
- caption, 13pxRetries twice before it fails.
- label-lg, 14pxRun pipeline
- label, 13pxView logs
- label-sm, 12pxQueued
- micro, 11pxJul Aug Sep
- code, 13pxSELECT count(*) FROM events_raw;
- code-sm, 12pxjob_01J9ZK4E
| Class | Face | Size | Line |
|---|---|---|---|
type-display | Inter Display | 56px | 1.02 |
type-title | Inter Display | 32px | 1.1 |
type-heading | Inter Display | 24px | 1.2 |
type-heading-sm | Inter Display | 18px | 1.3 |
type-figure | Inter Display | 40px | 1 |
type-body | Inter Display | 15px | 24px |
type-body-sm | Inter Display | 14px | 20px |
type-caption | Inter Display | 13px | 18px |
type-label-lg | Commit Mono | 14px | 20px |
type-label | Commit Mono | 13px | 16px |
type-label-sm | Commit Mono | 12px | 16px |
type-micro | Commit Mono | 11px | 14px |
type-code | Commit Mono | 13px | 20px |
type-code-sm | Commit Mono | 12px | 16px |
Labels beside prose
events_raw
The backfill wrote 1,204 partitions to the warehouse in 4 minutes.
Rows1,284,090Regioneu-west-2
| Measured at the sizes they meet | Cap height | x-height | Letter |
|---|---|---|---|
| Label, Commit Mono capitals 13px | 9.1px | none | 7.8px + tracking |
| Body, Inter Display 15px | 10.9px | 7.7px | 7.3px a to z |
Mono inside sans
Job job_8f2a held
Job job_8f2a held
| Share of the font size | Inter Display | Commit Mono | Commit Mono at 0.85 |
|---|---|---|---|
| x-height | 0.516em | 0.540em | 0.459em |
| Cap height | 0.728em | 0.700em | 0.595em |
| Average advance, a to z | 0.490em | 0.600em | 0.510em |
| Average advance in a sentence | 0.430em | 0.600em | 0.510em |
Mono in running text
The scheduler ran compact-daily on wh_events and finished in 2m 14s.
The scheduler ran compact-daily on wh_events and finished in 2m 14s.
The scheduler ran compact-daily on wh_events and finished in 2m 14s.
Tokens
25 tokens
--font-sans- "Inter Display", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif
--font-mono- "Commit Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace
--mono-scale- 0.85
--weight-normal- 400
--type-display- 400 56px/1.02 var(--font-sans)
--type-title- 400 32px/1.1 var(--font-sans)
--type-heading- 400 24px/1.2 var(--font-sans)
--type-heading-sm- 400 18px/1.3 var(--font-sans)
--type-figure- 400 40px/1 var(--font-sans)
--type-body- 400 15px/24px var(--font-sans)
--type-body-sm- 400 14px/20px var(--font-sans)
--type-caption- 400 13px/18px var(--font-sans)
--type-label-lg- 400 14px/20px var(--font-mono)
--type-label- 400 13px/16px var(--font-mono)
--type-label-sm- 400 12px/16px var(--font-mono)
--type-micro- 400 11px/14px var(--font-mono)
--type-code- 400 13px/20px var(--font-mono)
--type-code-sm- 400 12px/16px var(--font-mono)
--tracking-display- -0.04em
--tracking-title- -0.035em
--tracking-heading- -0.025em
--tracking-body- 0em
--tracking-label- 0.05em
--tracking-label-lg- 0.04em
--tracking-label-sm- 0.06em