Style Guide
Information
The colours, typography and components that shape the website’s visual identity.
Typography
Heading H1
Heading
Size:
120px
Line Height:
96%
Letter Spacing:
-0.04em
Weight:
Bold
Heading H1 (Small)
Heading
Size:
72px
Line Height:
96%
Letter Spacing:
-0.04em
Weight:
Bold
Heading H2
Heading
Size:
96px
Line Height:
96%
Letter Spacing:
-0.04em
Weight:
Bold
Heading H2 (Small)
Heading
Size:
64px
Line Height:
96%
Letter Spacing:
-0.04em
Weight:
Bold
Heading H3
Heading
Size:
32px
Line Height:
96%
Letter Spacing:
-0.04em
Weight:
Bold
Heading H4
Heading
Size:
21px
Line Height:
96%
Letter Spacing:
-0.04em
Weight:
Bold
Heading H5
Heading
Size:
18px
Line Height:
96%
Letter Spacing:
-0.04em
Weight:
Bold
Heading H6
Heading
Size:
16px
Line Height:
96%
Letter Spacing:
-0.04em
Weight:
Bold
Text (L)
Sample preview text
Size:
64px
Line Height:
96%
Letter Spacing:
-0.04em
Weight:
Bold
Text (M)
Sample preview text
Size:
40px
Line Height:
96%
Letter Spacing:
-0.04em
Weight:
Bold
Text (S)
Sample preview text
Size:
24px
Line Height:
108%
Letter Spacing:
-0.02em
Weight:
Bold
Logo
Sample preview text
Size:
24px
Line Height:
80%
Letter Spacing:
-0.08em
Weight:
Bold
Body (L)
Sample preview text
Size:
21px
Line Height:
128%
Letter Spacing:
0.01em
Weight:
Regular
Body (M)
Sample preview text
Size:
18px
Line Height:
128%
Letter Spacing:
0.01em
Weight:
Regular
Body (S)
Sample preview text
Size:
16px
Line Height:
128%
Letter Spacing:
0.01em
Weight:
Regular
Body (L) Uppercase
Sample preview text
Size:
18px
Line Height:
128%
Letter Spacing:
0.01em
Weight:
Regular
Body (M) Uppercase
Sample preview text
Size:
14px
Line Height:
128%
Letter Spacing:
0.01em
Weight:
Regular
Body (S) Uppercase
Sample preview text
Size:
12px
Line Height:
128%
Letter Spacing:
0.01em
Weight:
Regular
Label (L)
Text
Size:
160px
Line Height:
108%
Letter Spacing:
0em
Weight:
Regular
Label (S)
Text
Size:
28px
Line Height:
108%
Letter Spacing:
0em
Weight:
Regular
Colors
Core Colors
White
Black
Accent
Opacity colors
Black / 60
Black / 10
Black / 5
White / 5
