Typografi

Uppsala kommun använder typsnittet Source Sans Pro som är en sans serif ritad för högsta läsbarhet i användargränssnitt och längre textstycken. Det designades av Paul D. Hunt som Adobes första open source typsnitt, vilket innebär att det är gratis och kan användas av alla. Typsnittet har ett brett språkstöd för latinska språk men även kyrilliska och grekiska.

Vi ska använda Source Sans Pro till all extern och intern kommunikation. Även Uppsala kommuns ordmärke är satt i Source Sans Pro.

Source Sans Pro Light

ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö 1234567890+-/=@#%&?$£§*

Source Sans Pro

ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö 1234567890+-/=@#%&?$£§*

Source Sans Pro Semibold

ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö 1234567890+-/=@#%&?$£§*

Source Sans Pro Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö 1234567890+-/=@#%&?$£§*

Du kan ladda hem typsnittet gratis här

Ladda hem typsnittet via Google

Tillgänglig typografi

  • Skriv texten versalgement. Det betyder att man inleder med stor bokstav följt av små bokstäver, för bästa läsbarhet.
  • Använd vänsterställd text. Centrerad text kan fungera för kortare texter, som till exempel ett citat. 
  • Använd alltid text med god kontrast mot bakgrunden. Använd inte text mot tonerna 40 eller 60. Läs mer om tillgängliga färgkombinationer under Färger

Rubriker i färg

Rubrik mot mörk bakgrund

Den gula signalfärgen kan användas för att förstärka enstaka ord i rubriker. Resten av rubriken ska ligga i den ljusare komplementfärgen. Det är inte tillåtet att kombinera fler färger än så. Den gula signalfärgen användas mot alla våra fyra basfärger.

Komplementfärg 1 används endast mot sin basfärg för god kontrast och läsbarhet.

Exempel på färger mot bakgrundsfärg

B = Basfärg
1 = Komplementfärg 1
S = Signalfärg

Rubrik mot ljus bakgrund

När vi sätter rubriker mot vit eller ljus bakgrund kan vi förstärka enstaka ord med hjälp av basfärgens komplementfärg 2. Mot ljus bakgrund använder vi inte gult som förstärkningsfärg.

Exempel på färgval mot vit bakgrund

B = Basfärg
2 = Komplementfärg 2

Se alla färgteman och färgkombinationer under Grafisk profil/Färger