UI Kit
Colors
Primary
#000000
#7B868C
#FFFFFF
#F7FB42
Secondary
#FF6969
#46F1A9
#09C9F3
#B89BFF
Fonts
FONT FAMILY
FONT WEIGHT NAME
FONT WEIGHT
Relative
Medium
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789!@#$%^&*()_+
500
Cambon
Book Italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789!@#$%^&*()_+
500
Relative
Book
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789!@#$%^&*()_+
400
Relative
Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789!@#$%^&*()_+
700
Typography
DESKTOP
MOBILE
Title
Font: Relative Medium
Size: 89px
Line Height: 90px
Character Spacing: -1%
Title
Font: Relative Medium
Size: 42px
Line Height: 45px
Character Spacing: -1%
Title Italic
Font: Cambon Book Italic
Size: 89px
Line Height: 90px
Character Spacing: -1%
Title Italic
Font: Cambon Book Italic
Size: 42px
Line Height: 45px
Character Spacing: -1%
H1 - Relative Medium
Size: 65px
Line Height: 75px
Character Spacing: -1%
H1 - Relative Medium
Size: 37px
Line Height: 40px
Character Spacing: -1%
H1 Italic - Cambon Book Italic
Size: 65px
Line Height: 75px
Character Spacing: -1%
H1 Italic - Cambon Book Italic
Size: 37px
Line Height: 40px
Character Spacing: -1%
H2 - Relative Medium
Size: 55px
Line Height: 63px
Character Spacing: -2%
H2 - Relative Medium
Size: 32px
Line Height: 38px
Character Spacing: -2%
H2 Italic - Cambon Book Italic
Size: 55px
Line Height: 63px
Character Spacing: -2%
H2 Italic - Cambon Book Italic
Size: 32px
Line Height: 38px
Character Spacing: -2%
H3 - Relative Medium
Size: 50px
Line Height: 60px
Character Spacing: -2%
H3 - Relative Medium
Size: 28px
Line Height: 35px
Character Spacing: -2%
H3 Italic - Cambon Book Italic
Size: 50px
Line Height: 60px
Character Spacing: -2%
H3 Italic - Cambon Book Italic
Size: 28px
Line Height: 35px
Character Spacing: -2%
H4 - Relative Medium
Size: 40px
Line Height: 45px
Character Spacing: -2%
H4 - Relative Medium
Size: 26px
Line Height: 27px
Character Spacing: -2%
H4 Italic - Cambon Book Italic
Size: 40px
Line Height: 45px
Character Spacing: -2%
H4 Italic - Cambon Book Italic
Size: 26px
Line Height: 27px
Character Spacing: -2%
H5 - Relative Medium
Size: 32px
Line Height: 32px
Character Spacing: -2%
H5 - Relative Medium
Size: 25px
Line Height: 30px
Character Spacing: -2%
H6 - Relative bold
Size: 18px
Line Height: 21px
Character Spacing: 7%
H6 - Relative bold
Size: 15px
Line Height: 21px
Character Spacing: 7%
Body Large - Relative Book & Relative Medium
Size: 25px
Line Height: 35px
Character Spacing: -2%
Body Large - Relative Book & Relative Medium
Size: 20px
Line Height: 30px
Character Spacing: -2%
Body Large Italic - Cambon Book Italic
Size: 25px
Line Height: 25px
Character Spacing: -2%
Body Large Italic - Cambon Book Italic
Size: 20px
Line Height: 30px
Character Spacing: -2%
Body - Relative Book & Relative Medium
Size: 20px
Line Height: 30px
Character Spacing: 0%
Body Small- Relative Book & Relative Medium
Size: 16px
Line Height: 22px
Character Spacing: -2%
Body Tiny - Relative Book & Relative Medium
Size: 14px
Line Height: 19px
Character Spacing: -2%