Live demo van de blauwdruk Volledig brandbook · Onda is een fictief merk.Alle blauwdrukkenAanmelden voor de wachtlijst
Naar de inhoud
Onda
Typografie6/12

Hoofdstuk 6 van 12

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%

Schaal

De typografische schaal

Zeven stappen dekken alles, van poster tot sleutelkaart, live gezet in onze lettertypes: typ je eigen tekst om het te proberen. Groottes zijn px op scherm; lees ze als pt voor A4-drukwerk (lopende tekst 9,5–10 pt). Op mobiel schaal je Display en Kop 1 ongeveer 30% kleiner; lopende tekst blijft minstens 16 px.

Display
Kopletter 500 · 72/76 · -1%
Blijf nog even.
Kop 1
Kopletter 500 · 44/48 · -1%
Trage ochtenden in Comporta
Kop 2
Kopletter 400 · 28/34
Ontbijt op het terras
Intro
Broodletter 400 · 21/32
Twaalf kamers tussen de rijstvelden en de oceaan.
Lopende tekst
Broodletter 400 · 17/28
Rosa bakt het brood om zes uur. Kom naar beneden wanneer je wilt: het ontbijt wacht op je.
Bijschrift
Broodletter 400 · 14/20
08:00–10:30 · Ontbijt op het terras · € 18
Label
Broodletter 700 · 12/16 · +12% · kapitalen
Onda Comporta · Kamer 12

In gebruik

Typografie aan het werk

Brieven, menu's en kaartjes gebruiken dezelfde schaal: één vette onderwerpregel, rustige lopende tekst, royale marges.

Ontbijtkaart op Shell-papier met een kop in Outfit en gerechten in DM Sans, naast een kop koffie
Ontbijtkaart: één kop, royale witruimte, prijzen rechts uitgelijnd. Menu's schrijven we eerst in de lokale taal.
Wel doen
  • Gebruik alleen een hoofdletter aan het begin van koppen: 'Ontbijt op het terras'.
  • Lijn tekst links uit. Centreer alleen korte regels op posters, menu's en kaarten.
  • Houd accenten en lokale spelling aan: Cádiz, Procida, pequeno-almoço.
Niet doen
  • Zet lange teksten niet in kapitalen of in Outfit.
  • Gebruik niet meer dan drie lettergroottes op één pagina of scherm.
  • Gebruik geen andere lettertypes, ook geen handschriftletters voor 'mediterrane sfeer'.

Details

Zetregels

Cijfers, tijden en prijzen
Gebruik de 24-uursklok met een dubbele punt: 08:00, 19:30. Prijzen met het euroteken en een spatie: € 18 (zonder ,00). Gebruik een kort streepje voor bereiken: 08:00–10:30, 12–24 kamers. Gebruik in tabellen de tabelcijfers van DM Sans, zodat getallen netjes onder elkaar staan.
Talen en accenten
We publiceren in het Engels, Portugees, Spaans, Italiaans, Nederlands en Duits. Beide lettertypes ondersteunen al hun accenten. Reken op zo'n 30% extra ruimte voor Duits en Nederlands, die langer uitvallen dan Engels.
Vervangende lettertypes
Waar je onze lettertypes niet kunt installeren (e-mail, PowerPoint, Word), gebruik je Arial voor koppen én lopende tekst. Vervang Outfit in drukwerk nooit door Futura of Montserrat.
Licentie en installatie
Outfit en DM Sans zijn gratis onder de SIL Open Font License, voor druk, web en apps. Download ze via Google Fonts. Laad op de website alleen de gewichten die je gebruikt (Outfit 400/500, DM Sans 400/500/700) met font-display: swap.

Vragen over deze guide?

Neem contact op met Lucía

Laatst bijgewerkt op 24 sep 2026

Gemaakt met brandbooks