Typography
Typeface
Red Hat Display
abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()
Font size: 64px / 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: 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
Color
Aa
Black
#242120
Aa
White
#FFFFFF
Aa
Light Grey
#F4F4F4
Aa
Primary Green
#39B54A
Aa
Golden Yellow
#FFC20E
Aa
Orange
#F26522
Aa
Light Green
#9CDAA4
Aa
Light yellow
#FFF3CF
UI Elements
Primary Button
Secondary Button
Link Button
Primary Button
Secondary Button
Link Button