Typografisk enkelhet

För att skapa enkelhet arbetar vi med två vikter av respektive typsnitt. Utöver att minimera användandet av vikter, så strävar vi efter att hålla ner på antalet grader. Om du har behov av att särskilja text utöver de två givna vikterna är det möjligt i undantagsfall att justera vikt eller skärning, men undvik understruken och kursiv text.

Helt versala rubriker används i korta rubriker om det krävs av sammanhanget. I längre rubriker bör det undvikas helt eftersom det försämrar läsbarheten.

Våra typsnitt och deras användningsområden

• Open Sans – Används i digitala produktioner. Till exempel webb och i sociala medier.
• Whitney – Används vid allt formgivet material för print.
• Mercury – Används som brödtext vid grafisk formgivning i längre texter som i rapporter.
• Arial – Används i PPT, våra kontorsprogram som office och outlook.
• Georgia – Används som brödtext enbart vid längre texter i kontorsprogram som Office och Outlook.

Text på bild

Gör så här

• Text kan ligga på bild om kontrasten mellan text och bakgrund är minst 3:1. Använd ColorContrast Analyser eller liknande verktyg för att mäta.
• Vi använder vit text med god kontrast (mot lugn bakgrund).
• Vi centrerar text då det är en mening på max tre rader. Fler än tre rader ska texten vara vänsterställd och max fem rader.
• Radavstånd påverkar läsbarheten. Var noga med att inte ha för litet eller för stort radavstånd.
• Radbryt på rätt sätt vid flerradiga rubriker. Undvik om möjligt en lång första rad och en kort andra.
• Texten ska ha goda marginaler både till höger och vänster som skapar en balanserad layout.

Gör inte så här

• Vit text på ljusa bilder ger inte tillräcklig läsbarhet. (1, 3)
• Använd aldrig skugga eller textkonturer för att förbättra läsbarheten. (4)
• Texten på bilden ska inte dölja väsäntliga delar så att bildens budskap/känsla försvinner. (2)
• Oroliga eller röriga bilder med både ljusa och mörka partier gör texten svårläst. (1, 2, 3, 4)
• För kort radavstånd gör texten svårläst. (4)
• Det ska alltid finns en marginal. Text får aldrig ligga i bildens ytterkant. (4)

Text på tonplatta

Den röda 215.0.0 kan upplevas som intensiv om den används för mycket. Färgen kan också få oönskade komprimeringseffekter när den används på färgplattor tillsammans med vit text. Välj gärna en av de mörkare färgerna för att skapa bättre kontraster och ett lugnare intryck när det är lämpligt.

Vit text på mörka ytor kan ofta bli svårläst trots att mätvärden för kontrast klarar gränsvärdet vid kontrastmätning. Att öka teckengraden eller välja fet text ökar läsbarheten.