Branding

Definer, hvordan du fremstår
Header font
H1

The quick, brown fox jumps over the lazy dog

H2

The quick, brown fox jumps over the lazy dog

H3

The quick, brown fox jumps over the lazy dog

H4

The quick, brown fox jumps over the lazy dog

H5
The quick, brown fox jumps over the lazy dog
H6
The quick, brown fox jumps over the lazy dog
Parametre
Font family Lato
Font weight 900
Font style normal
Casing inherit
Line height 1.125
Letter spacing 0
Implementation
Simply use these css classes:
.h1, .h2, .h3, .h4, .h5, .h6
Display font
Display 1

The quick, brown fox jumps over the lazy dog

Display 2

The quick, brown fox jumps over the lazy dog

Display 3

The quick, brown fox jumps over the lazy dog

Display 4

The quick, brown fox jumps over the lazy dog

Display 5
The quick, brown fox jumps over the lazy dog
Display 6
The quick, brown fox jumps over the lazy dog
Parametre
Font family Lato
Font weight 900
Font style normal
Casing inherit
Line height 1.2
Letter spacing 0
Implementation
Simply use these css classes:
.display-1, .display-2, .display-3, .display-4, .display-5, .display-6
Body font

The quick, brown fox jumps over the lazy dog

Parametre
Font family Lato
Font weight normal
Font style regular
Line height 1.5
Letter spacing 0
Implementation
Works on all text that is not styled with a heading or display class
Primær knap
Parametre
Font weight bold
Casing inherit
Form boxed
Padding X 1.585rem
Padding Y 0.5rem
Sekundær knap
Parametre
Font weight bold
Casing inherit
Form boxed
Padding X 1.585rem
Padding Y 0.5rem
Link
Parametre
Font weight bold
Casing inherit