Typography
Typography
A warm serif and a clear sans
Two typefaces, both free and open source. Newsreader gives our headlines the warmth and character of a well-loved cookbook. Inter keeps everything else clear and easy to read, from ingredient lists to opening hours.
Big statements on posters, hero banners and campaign end frames. Regular weight, sentence case, a full stop at the end. One short line, max. eight words.
Good typography is invisible. It guides the eye from line to line, so readers stay with the story instead of the letters. Spacing between lines matters as much as the letters themselves.
- Line height
- 1.05 · 105% · 16.8 px at 16 px
- Letter spacing
- -0.01 em · -1%
A more human tomorrow.
Good typography is invisible. It guides the eye from line to line, so readers stay with the story instead of the letters. Spacing between lines matters as much as the letters themselves.
A more human tomorrow.
Good typography is invisible. It guides the eye from line to line, so readers stay with the story instead of the letters. Spacing between lines matters as much as the letters themselves.
font-family: Newsreader, Georgia, 'Times New Roman', serif;Page titles, section headings and menu items. Medium for H1 and H2; Semibold only at small sizes. Never in all caps.
Good typography is invisible. It guides the eye from line to line, so readers stay with the story instead of the letters. Spacing between lines matters as much as the letters themselves.
- Line height
- 1.15 · 115% · 18.4 px at 16 px
- Letter spacing
- 0 em · 0%
Cooking classes in Rotterdam-West
Good typography is invisible. It guides the eye from line to line, so readers stay with the story instead of the letters. Spacing between lines matters as much as the letters themselves.
Cooking classes in Rotterdam-West
Good typography is invisible. It guides the eye from line to line, so readers stay with the story instead of the letters. Spacing between lines matters as much as the letters themselves.
font-family: Newsreader, Georgia, 'Times New Roman', serif;All running text, forms, buttons and UI. Regular for reading, Medium for emphasis, Semibold for buttons and H3. 16–18 px on screen, 9–10 pt in print.
Good typography is invisible. It guides the eye from line to line, so readers stay with the story instead of the letters. Spacing between lines matters as much as the letters themselves.
- Line height
- 1.6 · 160% · 25.6 px at 16 px
- Letter spacing
- 0 em · 0%
Bring a container for leftovers.
Good typography is invisible. It guides the eye from line to line, so readers stay with the story instead of the letters. Spacing between lines matters as much as the letters themselves.
Bring a container for leftovers.
Good typography is invisible. It guides the eye from line to line, so readers stay with the story instead of the letters. Spacing between lines matters as much as the letters themselves.
font-family: Inter, Arial, Helvetica, sans-serif;Eyebrows, dates, kitchen names and prices: Semibold caps, +8% tracking, 12–14 px. Captions: Regular, sentence case, in Stone.
Good typography is invisible. It guides the eye from line to line, so readers stay with the story instead of the letters. Spacing between lines matters as much as the letters themselves.
- Line height
- 1.25 · 125% · 20 px at 16 px
- Letter spacing
- +0.08 em · +8%
EVERY THURSDAY · 18:00
Good typography is invisible. It guides the eye from line to line, so readers stay with the story instead of the letters. Spacing between lines matters as much as the letters themselves.
EVERY THURSDAY · 18:00
Good typography is invisible. It guides the eye from line to line, so readers stay with the story instead of the letters. Spacing between lines matters as much as the letters themselves.
font-family: Inter, Arial, Helvetica, sans-serif;