Typography
Fonts
Web Type Scale
Proposed scale for web UIs. Headlines use Prometo
(var(--font-headline)); body copy uses Verdana
(var(--font-text)). Sizes are proposals — confirm with the brand team.
| Token | Font | Size / Line-height / Weight | Sample |
|---|---|---|---|
| Display / H1 | Prometo | 40px / 1.2 / 700 | Headline |
| H2 | Prometo | 32px / 1.2 / 700 | Headline |
| H3 | Prometo | 24px / 1.3 / 700 | Headline |
| H4 | Prometo | 20px / 1.3 / 700 | Headline |
| Body | Verdana | 16px / 1.5 / 400 | The quick brown fox |
| Small / Caption | Verdana | 13px / 1.5 / 400 | The quick brown fox |
Keep body line length to roughly 60–75 characters per line for comfortable reading.
Font Licensing
Prometo, Verdana and Europa are licensed via Adobe Fonts (Typekit); a valid Adobe Fonts web project is required to embed them — do not self-host without a licence. Eurostile ExtendedTwo is bundled for heading/print use under its own licence.
Print
Dies ist ein Blindtext
Headline
| Typeface | Prometo 30pt |
| Justification | Block last row left |
| Kerning | Metric |
| Line Spacing | 1.2 |
Dieses ist ein Blindtext. Seine Funktion besteht darin, zu zeigen, wie Text.
Subheadline
| Typeface | Prometo 12pt |
| Justification | Block last row left |
| Kerning | Metric |
| Line Spacing | 1.2 |
Dieses ist ein Blindtext. Seine Funktion besteht darin, zu zeigen, wie Text, der an dieser Stelle seinen späteren Platz findet, visuell auf die Betrachter wirkt.
Intro Text
| Typeface | Europa 10pt Bold |
| Justification | Block last row left |
| Kerning | Metric |
| Line Spacing | 1.2 |
Dieses ist ein Blindtext. Seine Funktion besteht darin, zu zeigen, wie Text, der an dieser Stelle seinen späteren Platz findet, visuell auf die Betrachter wirkt.
Continusous Text
| Typeface | Europa 10pt Bold |
| Justification | Block last row left |
| Kerning | Metric |
| Line Spacing | 1.2 |
Dieses ist ein Blindtext. Seine Funktion besteht darin, zu zeigen, wie Text, der an dieser Stelle seinen späteren Platz findet, visuell auf die Betrachter wirkt.
Subheading Text
| Typeface | Europa 10pt |
| Justification | Block last row left |
| Kerning | Metric |
| Line Spacing | 1.2 |
Dieses ist ein Blindtext. Seine Funktion besteht darin, zu zeigen, wie Text, der an dieser Stelle seinen späteren Platz findet, visuell auf die Betrachter wirkt.
Caption Text
| Typeface | Europa 10pt 90% |
| Justification | Block last row left |
| Kerning | Metric |
| Line Spacing | 1.2 |