Live demo van de blauwdruk Volledig brandbook · Onda is een fictief merk.Alle blauwdrukkenAanmelden voor de wachtlijst

Typografie

Typografie

Ronde letters, rustig leesbaar

Twee gratis open-source lettertypes van Google Fonts. Outfit heeft dezelfde ronde geometrie als ons woordmerk en gebruiken we voor alle koppen. DM Sans is vriendelijk en ook klein heel goed leesbaar, dus die gebruiken we voor de rest.

Display
Outfit
Light · Medium

Grote titels, posters en covers. Medium (500), 56–96 px, regelafstand 1,05, spatiëring −1%. Eén korte regel, liefst minder dan zes 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 Outfit niet beschikbaar is.
Merklettertype · Outfit

Blijf nog even.

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 & Office · Arial

Blijf nog even.

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: Outfit, Arial, Helvetica, sans-serif;
Koppen
Outfit
Regular · Medium · Semibold

Pagina- en sectiekoppen. Medium (500) voor H1 en H2, Regular (400) voor H3. Alleen eerste woord met hoofdletter, nooit alles 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,5 · 150% · 24 px bij 16 px
Lopende tekst
DM Sans
Regular · Medium · Bold

Alle lopende tekst, van webpagina's tot boekingsmails. Regular (400) op 16–18 px, regelafstand 1,6, 60–75 tekens per regel. Bold (700) alleen voor nadruk.

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
Vervangend lettertype
Gebruik dit waar DM Sans niet beschikbaar is.
Merklettertype · DM Sans

Rosa bakt het brood om zes 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, Word & PowerPoint · Arial

Rosa bakt het brood om zes 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: "DM Sans", Arial, Helvetica, sans-serif;
Bijschriften & labels
DM Sans
Medium · Bold

Bijschriften in Regular op 13–14 px. Labels, tags en bewegwijzering in Bold kapitalen op 11–12 px met +12% letterspatiëring.

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,5 · 150% · 24 px bij 16 px
Letterspatiëring
+0,12 em · +12%
Dia 23 van 57