Typografiska riktlinjer

Här kan du läsa om de riktlinjer som finns för att bidra till hög läsbarhet, ett enhetligt uttryck och en tydlig avsändare.

För att skapa hög läsbarhet, ett enhetligt uttryck och en tydlig avsändare är det viktigt att vi utgår från våra gemensamma typografiska riktlinjer. Det kan finnas anledningar att göra undantag, kontakta kommunikationsavdelningen om du tycker att det är aktuellt.

Innan du fördjupar dig i våra typografiska riktlinjer är det bra att du har koll på våra typsnitt:

Läs mer om våra typsnitt

Att tänka på:

• Versalgement: skriv i första hand all text i versalgement, både i rubriker och brödtexter – enbart versaler försämrar läsbarheten. I vissa fall kan det vara befogat att använda versaler i rubriker, t.ex. för att skapa lite extra kraft eller av dekorativt syfte, men detta ska göras med försiktighet.
  
  Versaler = stora bokstäver. Gemener = små bokstäver.
• Undvik kursiv text: kursiv text försämrar läsbarheten. I vissa fall kan det vara bra att använda, t.ex. för att lyfta fram citat eller av dekorativt syfte.
• Kerning: När vi använder Open Sans är optisk kerning att föredra framför metrisk. För Sabon gäller motsatsen.
  
  Kerning är ett typografiskt yttryck för den minskning eller ökning du gör mellan bokstäver för att behålla en god ordbild och underlätta läsning.
  
• Radlängder: Sikta på radlängder som är ca 55–70 tecken (inklusive mellanslag).

Rubriker

För huvudrubriker använder vi i första hand Open Sans Extrabold, det ger en tydlig prägel och en stark konstrast. För underrubriker använder vi Bold eller Extrabold.

Tänk på att skapa en tydlig skillnad mellan utseendet på rubriknivåerna. Om t.ex. textstorleken på huvudrubriken och underrubriken inte skiljer sig tillräckligt mycket är det en god idé att använda Bold istället för Extrabold i underrubriken.

Radavstånd i rubriker

I rubriker är det bra att ha lite tätare radavstånd än i vanlig brödtext. En bra huvudregel är att låta radavståndet vara ca 110 % av textstorleken (i vissa fall lite mer men max 120 %). Det innebär t.ex. att en rubrik i storlek 30 pkt bör ha ett radavstånd på 33 pkt. I digitala sammanhang rekommenderas lite mer radavstånd, sikta på 120–125 % av textstorleken.

Brödtext

I första hand använder vi Open Sans Regular för brödtext, men om vi har längre texter är det ofta bra att använda Sabon istället.

För ingressen är det klokt att låta textstorleken vara ca 120 % av brödtexten och dessutom vara i en fetare version av typsnittet. Om du t.ex. har en brödtext i Open Sans Regular 10 pkt så kan ingressen vara i Open Sans Semibold 12 pkt.

Radavstånd i brödtext

Radavstånd är en viktig parameter för att skapa en bra läsbarhet. Om du använder Open Sans som brödtext är det bra att låta radavståndet vara ca 130–140 % av textstorleken. Det innebär t.ex. att en text i storlek 10 pkt bör ha ett radavstånd på 14 pkt. I digitala sammanhang rekommenderas lite mer radavstånd, sikta på 150–165 % av textstorleken.

Om du använder Sabon som brödtext är det bra att låta radavståndet vara ca 120–130 % av textstorleken. Det innebär t.ex. att en text i storlek 10 pkt bör ha ett radavstånd på 13 pkt.