Typografi
Våra typsnitt
Example: headline, body text and CTAs
Våra typsnitt är
Fraunces Regular kombinerat med Inter. Fraunces är ett rubriktypsnitt som har karaktär och är valt för att skapa igenkänning och bilda balans till logotypens robusta uttryck. Inter är en modern sanserif som vi använder i brödtexter, call-to-action och faktatexter, men även för rubriker i mindre grad.
Generellt sett ska textfärgen vara svart. Svart ger en tydlig kontrast och är lättläst.Det hänger också ihop med vårt uttryck i text som ska kännas självklart och tydligt.
För länkar, använd understruken svart text i fet stil. Du hittar exempel på hur man ska använda svart och färg i typografi
Fraunces
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz
Fraunces
Weight: 400
Style: Normal
Usage
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">
CSS Snippet
font-family: 'Fraunces', serif;
Inter
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz
Inter
Weight: 400
Style: Normal
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz
Inter
Weight: 600
Style: Normal
Usage
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">
CSS Snippet
font-family: 'Inter', sans-serif;