Live demo van de blauwdruk Brand essentials · Common Ground is een fictief merk.Alle blauwdrukkenAanmelden voor de wachtlijst

Typografie

Typografie

Een warme schreef en een heldere schreefloze

Twee letters, allebei gratis en open source. Newsreader geeft onze koppen de warmte en het karakter van een veelgebruikt kookboek. Inter houdt de rest helder en goed leesbaar, van ingrediëntenlijsten tot openingstijden.

Display
Newsreader
Regular · Medium

Grote statements op posters, headerbanners en eindbeelden. Regular, zinsopbouw met alleen een hoofdletter aan het begin, met een punt erachter. Eén korte regel, max. acht woorden.

Goede typografie zie je niet. Ze leidt het oog van regel naar regel, zodat lezers bij het verhaal blijven in plaats van bij de letters. De ruimte tussen regels is net zo belangrijk als de letters zelf.

Regelafstand
1,05 · 105% · 16,8 px bij 16 px
Letterspatiëring
-0,01 em · -1%
Vervangend lettertype
Gebruik dit waar Newsreader niet beschikbaar is.
Merklettertype · Newsreader

Een menselijker morgen.

Goede typografie zie je niet. Ze leidt het oog van regel naar regel, zodat lezers bij het verhaal blijven in plaats van bij de letters. De ruimte tussen regels is net zo belangrijk als de letters zelf.

In E-mail, Word, PowerPoint · Georgia

Een menselijker morgen.

Goede typografie zie je niet. Ze leidt het oog van regel naar regel, zodat lezers bij het verhaal blijven in plaats van bij de letters. De ruimte tussen regels is net zo belangrijk als de letters zelf.

CSS-fontstackfont-family: Newsreader, Georgia, 'Times New Roman', serif;
Koppen
Newsreader
Medium · Semibold

Paginatitels, tussenkoppen en gerechten op de menukaart. Medium voor H1 en H2; Semibold alleen op kleine formaten. Nooit in kapitalen.

Goede typografie zie je niet. Ze leidt het oog van regel naar regel, zodat lezers bij het verhaal blijven in plaats van bij de letters. De ruimte tussen regels is net zo belangrijk als de letters zelf.

Regelafstand
1,15 · 115% · 18,4 px bij 16 px
Letterspatiëring
0 em · 0%
Vervangend lettertype
Gebruik dit waar Newsreader niet beschikbaar is.
Merklettertype · Newsreader

Kooklessen in Rotterdam-West

Goede typografie zie je niet. Ze leidt het oog van regel naar regel, zodat lezers bij het verhaal blijven in plaats van bij de letters. De ruimte tussen regels is net zo belangrijk als de letters zelf.

In E-mail, Word, PowerPoint · Georgia

Kooklessen in Rotterdam-West

Goede typografie zie je niet. Ze leidt het oog van regel naar regel, zodat lezers bij het verhaal blijven in plaats van bij de letters. De ruimte tussen regels is net zo belangrijk als de letters zelf.

CSS-fontstackfont-family: Newsreader, Georgia, 'Times New Roman', serif;
Broodtekst
Inter
Regular · Medium · Semibold

Alle lopende tekst, formulieren, knoppen en interface. Regular om te lezen, Medium voor nadruk, Semibold voor knoppen en H3. 16–18 px op scherm, 9–10 pt in print.

Goede typografie zie je niet. Ze leidt het oog van regel naar regel, zodat lezers bij het verhaal blijven in plaats van bij de letters. De ruimte tussen regels is net zo belangrijk als de letters zelf.

Regelafstand
1,6 · 160% · 25,6 px bij 16 px
Letterspatiëring
0 em · 0%
Vervangend lettertype
Gebruik dit waar Inter niet beschikbaar is.
Merklettertype · Inter

Neem een bakje mee voor restjes.

Goede typografie zie je niet. Ze leidt het oog van regel naar regel, zodat lezers bij het verhaal blijven in plaats van bij de letters. De ruimte tussen regels is net zo belangrijk als de letters zelf.

In E-mail, Word, PowerPoint, kassabonnen · Arial

Neem een bakje mee voor restjes.

Goede typografie zie je niet. Ze leidt het oog van regel naar regel, zodat lezers bij het verhaal blijven in plaats van bij de letters. De ruimte tussen regels is net zo belangrijk als de letters zelf.

CSS-fontstackfont-family: Inter, Arial, Helvetica, sans-serif;
Labels en bijschriften
Inter
Medium · Semibold

Bovenkopjes, data, namen van keukens en prijzen: Semibold kapitalen, +8% spatiëring, 12–14 px. Bijschriften: Regular, gewone zinsopbouw, in Steen.

Goede typografie zie je niet. Ze leidt het oog van regel naar regel, zodat lezers bij het verhaal blijven in plaats van bij de letters. De ruimte tussen regels is net zo belangrijk als de letters zelf.

Regelafstand
1,25 · 125% · 20 px bij 16 px
Letterspatiëring
+0,08 em · +8%
Vervangend lettertype
Gebruik dit waar Inter niet beschikbaar is.
Merklettertype · Inter

ELKE DONDERDAG · 18.00 UUR

Goede typografie zie je niet. Ze leidt het oog van regel naar regel, zodat lezers bij het verhaal blijven in plaats van bij de letters. De ruimte tussen regels is net zo belangrijk als de letters zelf.

In E-mail en Office-documenten · Arial

ELKE DONDERDAG · 18.00 UUR

Goede typografie zie je niet. Ze leidt het oog van regel naar regel, zodat lezers bij het verhaal blijven in plaats van bij de letters. De ruimte tussen regels is net zo belangrijk als de letters zelf.

CSS-fontstackfont-family: Inter, Arial, Helvetica, sans-serif;
Dia 22 van 45