Design system
Typography
Typography is our system of fonts. Each font conveys the appropriate sentiment to assist our users through each stage of their journey.
Typeface
Inter
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
Main Weights
Inter - Light 300
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Inter - Regular 400
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Inter - Medium 500
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Inter - Semibold 600
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Inter - Bold 700
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Text-styles
Style Name
Font Size
Font weight
Default Color
1. big-title
30px
SB
Text Color 1
2. title
24px
SB or B
Text Color 1
3. small-title
20px
SB or B
Text Color 1
4. sub-title
18px
R or M
Text Color 2
5. big-body
16px
R, M or SB
Text Color 2
6. body-text
14px
R or M
Text Color 2
11px
R or M
Text Color 2
8. button-text
14px
M
Text Color 2