# De letterstem van een Mark: waarom lettertypes erbij horen

[Canonical HTML page](https://gradiently.design/nl/guide/type-voice-of-a-mark)

Kleur en textuur zijn maar de helft van een look. Elke Mark draagt ook een kopletter, een tekstletter en een manier om ze te zetten, zodat het eerste concept al klinkt als de achtergrond waarop het staat.

## The short version

- De letterstem van een Mark is de typografie waarmee elk ontwerp begint: een displaylettertype, een tekstlettertype, een displaygewicht, letterspatiëring en lettercase.
- Koppen volgen het displaylettertype van de stem en andere tekst volgt het tekstlettertype, tot je iets anders kiest.
- Je kunt het lettertype van elke regel in de Studio veranderen, en de kop- en tekstlettertypes van je merkkit in plaats daarvan op een pagina zetten.
- Een letterstem bestaat omdat dezelfde woorden anders voelen in verschillende lettertypes, en een achtergrond en zijn letters als één beslissing moeten voelen.
- De pagina van een Mark op de Markt toont hem in zijn eigen stem en in vijf andere combinaties: Editorial, Grotesk, Poster, Classic en Modern.

De **letterstem** van een Mark is de typografie die erbij hoort: een displaylettertype voor koppen, een tekstlettertype voor al het andere, een gewicht voor het displaylettertype, een letterspatiëring en een lettercase. Begin je een ontwerp op een Mark, dan verschijnen je woorden in die stem, zodat het eerste concept al bij de achtergrond past. Het is een beginpunt, geen slot: elke regel kan worden veranderd en je eigen merklettertypes kunnen hem vervangen.

## Waarom een achtergrond met lettertypes komt

Letters hebben een toon, net als spraak. “Deuren open om zeven uur” in een fijne Garamond klinkt als een galerieopening; in smalle hoofdletters klinkt het als een optreden. Zet een van beide op de verkeerde achtergrond en het ontwerp spreekt zichzelf tegen. Een zijden Mark in diep pruim en een op-art Mark in zuurgroen willen verschillende letters, en ze samen kiezen is wat een look bewust laat voelen.

Een uitnodiging voor een evenement met de tekst Deuren open om zeven uur, gezet in de letterstem van de eerste Mark

Eén Mark, in zijn eigen stem.

Dezelfde uitnodiging op een tweede Mark met een ander palet, materiaal en andere typografie

Dezelfde woorden op een andere Mark, die zijn eigen stem meebrengt.

Er is ook een praktische reden. De meeste mensen die een wekelijkse post ontwerpen zijn geen typografen, en [lettertypes combineren](https://gradiently.design/nl/guide/font-pairing) is een van de makkelijkste plekken om fout te gaan. Een stem die al op zijn Mark is afgestemd haalt die beslissing uit elk ontwerp.

## Wat een letterstem bevat

| Onderdeel | Wat het bepaalt | Voorbeeld |
| --- | --- | --- |
| Displaylettertype | Koppen en grote woorden | Fraunces, Syne, Bebas Neue |
| Tekstlettertype | Lopende tekst, details, kleine letters | Inter, Manrope, Newsreader |
| Gewicht | Hoe zwaar het displaylettertype is, van licht tot extra vet | 400 voor een elegante serif, 700 voor een poster |
| Tracking | Ruimte tussen letters, krapper of losser | Iets krap voor grote koppen |
| Case | Zoals getypt, alle hoofdletters of alle kleine letters | Hoofdletters voor een posterstem |

De vijf delen van een stem. Samen bepalen ze hoe elke kop op de Mark eruitziet voordat je een instelling aanraakt.

De lettertypes komen uit de lettertypebibliotheek van Gradiently, die serifs omvat zoals Fraunces, Playfair Display en EB Garamond, grotesken zoals Space Grotesk en Schibsted Grotesk, smalle displaylettertypes zoals Anton en Oswald, monospaced lettertypes, schrijfletters en afgeronde lettertypes. [Serif vs schreefloos](https://gradiently.design/nl/guide/serif-vs-sans-serif) legt uit wat elke categorie doorgaans zegt.

Wil je dat je website bij een Mark past, dan vertaalt een stem zich rechtstreeks naar CSS. Hier is een typische redactionele stem uitgeschreven:

```css
h1, h2 {
  font-family: "Fraunces", Georgia, serif;
  font-weight: 400;
  letter-spacing: -0.02em; /* tracking */
  text-transform: none;    /* case: as typed */
}

body {
  font-family: "Inter", system-ui, sans-serif;
}
```

Displaylettertype, gewicht, tracking en case voor koppen; het tekstlettertype voor al het andere. Beide lettertypes staan op Google Fonts.

## Hoe tekst de stem volgt

Elk stuk tekst in een ontwerp weet of het een kop of lopende tekst is. Koppen volgen het displaylettertype, gewicht, tracking en case van de stem; lopende tekst volgt het tekstlettertype. Zolang een regel geen eigen lettertype heeft, blijft hij volgen, dus als je een andere Mark op het ontwerp zet, nemen de woorden ook de stem van de nieuwe Mark aan.

Het kleur- en letterpaneel van de Studio toont de stem van de Mark als een kop- en tekstpaar, en laat je ze in één stap op de hele pagina gebruiken. Dat is handig als een sjabloon in andere lettertypes binnenkomt en je wilt dat hij klinkt als je Mark.

## Hoe je de stem van een Mark in je ontwerpen verandert

1. **Verander één regel** Selecteer de tekst en kies een ander lettertype, gewicht, spatiëring of case. Die regel houdt nu zijn eigen instelling.
2. **Verander een hele pagina** Kies een kop- en een tekstlettertype en pas ze toe op de pagina, zodat elke kop en alinea samen meebeweegt.
3. **Gebruik je merklettertypes** Voeg een kop- en een tekstlettertype toe aan je merkkit, upload OTF-, TTF-, WOFF- of WOFF2-bestanden als ze van jezelf zijn, en zet de lettertypes van het merk dan in één stap op een pagina.
4. **Vraag het de Designer** De Designer past de merkkit voor je toe, zodat ontwerpen die hij maakt beginnen in de lettertypes van je merk.

Een lettertype uploaden staat in [eigen lettertypes uploaden](https://gradiently.design/nl/guide/custom-fonts-upload), en de rest van de kit in [merkkit instellen](https://gradiently.design/nl/guide/brand-kit-setup). Controleer je licentie voordat je een commercieel lettertype uploadt; [lettertypelicenties](https://gradiently.design/nl/guide/font-licensing) legt uit waar je op let.

## Een Mark in andere stemmen proberen

Op de pagina van een Mark op de [Markt](/market) kunnen de voorbeelden worden omgeschakeld tussen zijn eigen stem en vijf kant-en-klare combinaties, zodat je de look met typografie dichter bij je merk ziet voordat je iets ontwerpt.

| Combinatie | Displaylettertype | Tekstlettertype | Voelt als |
| --- | --- | --- | --- |
| Zijn eigen stem | Gekozen met de Mark | Gekozen met de Mark | Zoals de Mark is gemaakt |
| Editorial | Instrument Serif | Inter | Tijdschrift, galerie, weloverwogen |
| Grotesk | Space Grotesk | Space Grotesk | Studio, technisch, actueel |
| Poster | Anton, in hoofdletters | Archivo | Luid, evenementen, sport |
| Classic | Cormorant Garamond | EB Garamond | Boekachtig, erfgoed, stille luxe |
| Modern | Geist | Geist | Schoon, product, software |

De combinaties die de pagina van een Mark kan tonen. Elk is een degelijke, beproefde combinatie die je ook in je eigen ontwerpen kunt gebruiken.

## Wanneer je de stem houdt en wanneer je hem vervangt

### Houd de stem van de Mark

- Je hebt nog geen merklettertypes
- De stem past al bij hoe je spreekt
- Je wilt dat ontwerpen één geheel vormen met de achtergrond
- Je post vaak en wilt minder beslissingen

### Gebruik je eigen lettertypes

- Je hebt een gevestigd logotype of merklettertype
- Je verpakking, winkel of site gebruikt al vaste lettertypes
- Je hebt een lettertype nodig dat bepaalde talen dekt
- Meerdere merken delen een huisstijl

Houd het in beide gevallen bij maximaal twee lettertypes en laat grootte en gewicht de rest doen. Een duidelijke hiërarchie telt zwaarder dan de lettertypes zelf, zoals [visuele hiërarchie](https://gradiently.design/nl/guide/visual-hierarchy) laat zien. Staan je woorden op een Mark, dan wordt leesbaarheid apart geregeld: de Mark verplaatst zijn rustigste gebied achter de tekst en Auto-inkt kiest voor elke regel lichte of donkere letters, welk lettertype je ook kiest.

## FAQ

### Wat is een letterstem?

De typografie waarmee een Mark elk ontwerp begint: een displaylettertype, een tekstlettertype, een displaygewicht, letterspatiëring en lettercase.

### Kan ik de lettertypes van een Mark veranderen?

Ja. Verander elke regel in de Studio, pas een kop- en tekstlettertype toe op een hele pagina of gebruik de lettertypes van je merkkit. De eigen stem van de Mark is alleen het beginpunt.

### Kan ik mijn eigen lettertypes gebruiken in Gradiently?

Ja. Voeg een kop- en een tekstlettertype toe aan je merkkit en upload zo nodig de lettertypebestanden.

### Wat gebeurt er met mijn lettertypes als ik een andere Mark op een ontwerp zet?

Tekst die de stem nog volgt, neemt de stem van de nieuwe Mark aan. Regels met een eigen lettertype houden dat.