En Marks typografiska röst: därför har varje Mark typsnitt

En Marks typografiska röst är den typografi som följer med den: ett rubriktypsnitt för rubriker, ett brödtypsnitt för allt annat, en vikt för rubriktypsnittet, ett bokstavsavstånd och en versalform. När du börjar en design på en Mark dyker dina ord upp i den rösten, så att första utkastet redan passar bakgrunden. Det är en startpunkt, inte ett lås: varje rad kan ändras, och dina egna varumärkestypsnitt kan ersätta den.

Därför följer typsnitt med en bakgrund

Typografi har en tonfall, precis som tal. ”Dörrarna öppnas klockan sju” satt i en fin Garamond låter som en vernissage; satt i smala versaler låter det som en spelning. Lägg någondera på fel bakgrund och designen bråkar med sig själv. En siden-Mark i djup plommon och en op art-Mark i syragrönt vill ha olika bokstäver, och att välja dem tillsammans är det som får en look att kännas genomtänkt.

Det finns också en praktisk anledning. De flesta som designar ett veckoinlägg är inte typografer, och typsnittspar är ett av de lättaste ställena att ta fel. En röst som redan har matchats mot sin Mark tar bort det beslutet från varje design.

Vad en typografisk röst innehåller

Typsnitten kommer från typsnittsbiblioteket i Gradiently, som spänner över serifer som Fraunces, Playfair Display och EB Garamond, grotesker som Space Grotesk och Schibsted Grotesk, smala rubriktypsnitt som Anton och Oswald, monospace-typsnitt, skriftstilar och rundade typsnitt. Serif eller sans serif förklarar vad varje kategori brukar säga.

Om du vill att din webbplats ska matcha en Mark översätts en röst direkt till CSS. Här är en typisk redaktionell röst utskriven:

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

Så följer texten rösten

Varje textstycke i en design vet om det är en rubrik eller brödtext. Rubriker följer röstens rubriktypsnitt, vikt, bokstavsavstånd och versalform; brödtext följer dess brödtypsnitt. Så länge en rad inte har något eget typsnitt fortsätter den att följa, så om du lägger en annan Mark på designen tar orden också över den nya Markens röst.

Studios panel för färg och typografi visar Markens röst som ett par av rubrik och brödtext, och låter dig använda dem på hela sidan i ett enda steg. Det är praktiskt när en mall kommer i andra typsnitt och du vill att den ska låta som din Mark.

Så ändrar du en Marks röst i dina designer

1. 1

   Ändra en rad

   Markera texten och välj ett annat typsnitt, en annan vikt, ett annat avstånd eller en annan versalform. Den raden behåller då sin egen inställning.

2. 2

   Ändra en hel sida

   Välj ett rubrik- och ett brödtypsnitt och använd dem på sidan, så att varje rubrik och stycke flyttas tillsammans.

3. 3

   Använd dina varumärkestypsnitt

   Lägg till ett rubrik- och ett brödtypsnitt i ditt varumärkeskit, och ladda upp OTF-, TTF-, WOFF- eller WOFF2-filer om de är dina egna, och lägg sedan varumärkets typsnitt på en sida i ett enda steg.

4. 4

   Fråga Designer

   Designer tillämpar varumärkeskitet åt dig, så att designer den gör börjar i ditt varumärkes typsnitt.

Att ladda upp ett typsnitt beskrivs i ladda upp egna typsnitt, och resten av kitet i konfigurera varumärkeskit. Kontrollera din licens innan du laddar upp ett kommersiellt typsnitt; typsnittslicenser förklarar vad du ska titta efter.

Prova en Mark i andra röster

På en Marks sida i Marknaden kan förhandsvisningarna växlas mellan dess egen röst och fem färdiga par, så att du kan se looken med typografi närmare ditt varumärke innan du designar något.

När du behåller rösten och när du byter ut den

Håll dig i vilket fall till högst två typsnitt och låt storlek och vikt göra resten. En tydlig hierarki betyder mer än själva typsnitten, som visuell hierarki visar. Om dina ord ligger på en Mark hanteras läsbarheten separat: Marken flyttar sin lugnaste del bakom texten och Auto-bläck väljer ljus eller mörk text för varje rad, oavsett vilket typsnitt du väljer.