Typography
The typographic system is built on 8-point increments for optimal rhythm and readability across digital interfaces.
Headings
heading-72
72px
/
1.1
700
Poppins
heading-52
52px
/
1.1
700
Poppins
heading-48
48px
/
1.2
700
Poppins
heading-40
40px
/
1.3
700
Poppins
heading-32
32px
/
1.3
700
Poppins
heading-28
28px
/
1.3
700
Poppins
heading-24
24px
/
1.3
700
Poppins
heading-22
22px
/
1.3
700
Poppins
heading-20
20px
/
1.3
700
Poppins
heading-18
18px
/
1.3
700
Poppins
heading-16
16px
/
1.3
700
Poppins
heading-14
14px
/
1.3
700
Poppins
Body Typography
Body Base
16px
/
1.5
400
Arvo
Body Bold Base
16px
/
1.5
700
Arvo
Body Large
18px
/
1.5
400
Arvo
Body Bold Large
18px
/
1.5
700
Arvo
Body X-Large
22px
/
1.5
400
Arvo
Body Bold X-Large
22px
/
1.5
700
Arvo
Body Small
14px
/
1.5
400
Arvo
Body Bold Small
14px
/
1.5
700
Arvo
Body X-Small
12px
/
1.5
400
Arvo
Body Bold X-Small
12px
/
1.5
700
Arvo