De letterstem van een Mark: waarom lettertypes erbij horen

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.

Er is ook een praktische reden. De meeste mensen die een wekelijkse post ontwerpen zijn geen typografen, en lettertypes combineren 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

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 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:

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;
}

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. 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. 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. 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. 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, en de rest van de kit in merkkit instellen. Controleer je licentie voordat je een commercieel lettertype uploadt; lettertypelicenties legt uit waar je op let.

Een Mark in andere stemmen proberen

Op de pagina van een Mark op de Markt 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.

Wanneer je de stem houdt en wanneer je hem vervangt

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 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.