Design
The typefaces and the text styles every screen uses.
The families, their weights and the scripts they cover.
The interface typeface: 400, 500, 600, 700; Latin and Cyrillic. Chosen in the pilot as the closest match to the design concept (ADR-0042); the concept’s own font is still to be confirmed with its designer.
Site Codes, ids and figures that must line up: 400, 500.
Every style with its size, line height, weight and where it is used.
| Style | Size, line, weight | Sample |
|---|---|---|
Page title.t-page-title | 24 / 32 · medium | Church Farm, Rugby |
Section title.t-section-title | 18 / 28 · medium | Buyer position |
Card title.t-card-title | 16 / 24 · medium | Commercial variance |
Body.t-body | 14 / 20 · regular | Offer received from Calder Valley Homes; under review by the Partnerships PM. |
Body strong.t-body-strong | 14 / 20 · semibold | Add action |
Label.t-label | 13 / 20 · regular · grey, sentence case | Target exchange |
Caption.t-caption | 12 / 16 · regular | Updated 12 minutes ago by Dana Whitfield |
Figure.t-figure | 26 / 32 · medium · tabular | £9,960,000 |
Small figure.t-figure-sm | 18 / 28 · medium · tabular | 47 days |
Mono.mono | 13 · IBM Plex Mono | CE-014 · OPP-0042 |
Labels and table heads are sentence case, regular and grey (ADR-0042 amendment); buttons, chips, field labels and record links stay semibold. The Design Foundations’ uppercase micro-labels are retired.