Style Guide
Typography
Font Family
Inter- Headings
Font size: 56px / 3.5rem | Line height: 120%
Heading 1
Font size: 48px / 3rem | Line height: 120%
Heading 2
Font size: 40px / 2.5rem | Line height: 120%
Heading 3
Font size: 32px / 2rem | Line height: 130%
Heading 4
Font size: 24px / 1.5rem | Line height: 140%
Heading 5
Font size: 20px / 1.25rem | Line height: 140%
Heading 6
Font size: 44px | Line height: 120%
Display - Mobile
Font size: 56px / 3.5rem | Line height: 120%
Heading 1 - Mobile
Font size: 48px / 3rem | Line height: 120%
Heading 2 - Mobile
Font size: 40px / 2.5rem | Line height: 120%
Heading 3 - Mobile
Font size: 32px / 2rem | Line height: 130%
Heading 4 - Mobile
Font size: 24px / 1.5rem | Line height: 140%
Heading 5 - Mobile
Font size: 20px / 1.25rem | Line height: 140%
Heading 6 - Mobile
Font size: 20px / 1.25rem
Line height: 150%
Text large
Extra bold
Text large
Bold
Text large
Semi bold
Text large
Medium
Text large
Normal
Text large
Light
Font size: 18px / 1.125rem
Line height: 150%
Text medium
Extra bold
Text medium
Bold
Text medium
Semi Bold
Text medium
Medium
Text medium
Normal
Text medium
Light
Font size: 16px / 1rem
Line height: 150%
Text regular
Extra bold
Text regular
Bold
Text regular
Semi Bold
Text regular
Medium
Text regular
Normal
Text regular
Light
Font size: 14px / 0.875rem
Line height: 150%
Text small
Extra bold
Text small
Bold
Text small
Semi Bold
Text small
Medium
Text small
Normal
Text small
Light
Font size: 12px / 0.75rem
Line height: 150%
Text tiny
Extra bold
Text tiny
Bold
Text tiny
Semi Bold
Text tiny
Medium
Text tiny
Normal
Text tiny
Light
Shadows
Shadows
xxsmall
xsmall
small
medium
large
xlarge
xxlarge
Global Styles
Section Paddings
SECTION PADDING LARGE (112px)
SECTION PADDING LARGE (80px)
SECTION PADDING LARGE (40px)
Horizontal Padding
main
large
Padding System
4px
6px
8px
12px
16px
20px
24px
32px
40px
48px
56px
64px
72px
80px
88px
96px
Radius
small
main
round
Image Aspect Ratios
16:9
3:2
4:3
1:1
Border Width
main
Adaptive Size & Spacing
Size
0
0,125
0,25
0,5
0,75
1
1,5
2
2,5
3
3,5
4
4,5
5
5,5
6
6,5
7
7,5
8
8,5
9
9,5
10
11
12
13
14
15
16
Spacing
none
extra-small
small
medium
large