Text Styles

ID TYPO FONT SIZE (M/D) WT LD (M/D) TK (M/D)
Display
Display Text
 Poppins 40 / 72 px 500 44 / 72 px Normal
T1
Text T1
 Poppins 36 / 60 px 500 40 / 64 px Normal
T1
Text T1 Underline
 Poppins 36 / 60 px 500 40 / 64 px Normal
T2
Text T2
 Poppins 28 / 46 px 500 36 / 52 px Normal
T2
Text T2 Underline
 Poppins 28 / 46 px 500 36 / 52 px Normal
T3
Text T3
 Poppins 20 / 24 px 500 28 / 32 px Normal
T3
Text T3 Underline
 Poppins 20 / 24 px 500 28 / 32 px Normal
T4
Text T4
 Poppins 16 / 18 px 500 24 / 28 px Normal
T5
Text T5
 Poppins 14 / 16 px 500 20 / 24 px Normal
T6
Text T6
 Poppins 12 px 500 16 px Normal
Body 1
Body Text 1
 Poppins 16 / 18 px 400 24 / 28 px Normal
Body 1
Body Text 1 Underline
 Poppins 16 / 18 px 400 24 / 28 px Normal
Body 1
Body Text 1 Italic
 Poppins 16 / 18 px 400 24 / 28 px Italic
Body 2
Body Text 2
 Poppins 16 px 400 24 px Normal
Body 2
Body Text 2 Underline
 Poppins 16 px 400 24 px Normal
Body 2
Body Text 2 Italic
 Poppins 16 px 400 24 px Italic
Lead
Lead Text
 PT Serif 24 / 36 px 400 32 / 44 px Normal
Lead 2
Lead Text 2
 Poppins 20 / 24 px 400 24 / 32 px Normal
Quote 1
Quote Style 1
 PT Serif 24 / 48 px 400 32 / 48 px Normal
Quote 2
Quote Style 2
 PT Serif 24 / 30 px 400 42 / 40 px Normal
Stat
Stat
 PT Serif 40 / 56 px 400 48 / 64 px Normal
Nav 1
Nav Item 1
 Poppins 18 / 16 px 400 24 / 24 px Normal
Nav 2
Nav Item 2
 Poppins 16 / 14 px 400 18 / 20 px Normal
Nav 3
NAV ITEM 3
 Poppins 14 / 13 px 400 20 / 16 px 0.8 px
Nav 4
NAV ITEM 4
 Poppins 12 px 400 16 px 0.8 px
Nav 5
Nav Item 5
 Poppins 20 px 400 28 px Normal
Title 1
Title 1
 Poppins 21 px 500 28 px Normal
Title 1
Title 1 Underline
 Poppins 21 px 500 28 px Normal
Title 2
Title 2
 Poppins 16 px 500 24 px Normal
Title 2
Title 2 Underline
 Poppins 16 px 500 24 px Normal
Title 3
Title 3
 Poppins 14 px 500 16 px Normal
Title 3
Title 3 Underline
 Poppins 14 px 500 16 px Normal
Subtitle 1
Subtitle 1
 Poppins 16 px 400 24 px Normal
Subtitle 1
Subtitle 1 Underline
 Poppins 16 px 400 24 px Normal
Subtitle 2
Subtitle 2
 Poppins 14 px 400 20 px Normal
Subtitle 2
Subtitle 2 Underline
 Poppins 14 px 400 20 px Normal
Subtitle 3
Subtitle 3
 Poppins 12 px 400 16 px Normal
Subtitle 3
Subtitle 3 Underline
 Poppins 12 px 400 16 px Normal
Link 1
LINK 1
 Poppins 14 px 500 18 px 0.8 px
Link 1
LINK 1 Underline
 Poppins 14 px 500 18 px 0.8 px
Link 2
LINK 2
 Poppins 13 px 500 16 px 0.8 px
Link 2
LINK 2 Underline
 Poppins 13 px 500 16 px 0.8 px
Link 3
LINK 3
 Poppins 12 px 500 16 px normal
Link 3
LINK 3 Underline
 Poppins 12 px 500 16 px normal
Overline
OVERLINE
 Poppins 12 px 500 16 px 0.8 px
Overline 2
Overline 2
 PT Serif 16 px 400 24 px 1.2 px

Colors

Primary Colors

Primary Blue #33455b
Blue Shade #2c3b4e
Primary Orange #e1703e

Secondary Colors

Orange Tint #f8ded3
Red #de314f
Green #4c5d61
Green New #527f78
Green New Tint #e6efee
Blue #bed9eb
Blue Light #dfe3e6
Yellow #eaa043
Yellow Tint #fbefdf
Brown #8d7158
Brown Tint #ded3ca

Neutral Colors

Neutral 1 #0b0a09
Neutral 2 #161513
Neutral 3 #2c2926
Neutral 4 #423e38
Neutral 5 #6b645b
Neutral 6 #76716b
Neutral 7 #b5baba
Neutral 8 #c9cfcf
Neutral 9 #dee3e3
Neutral 10 #e7ebeb
Neutral 11 #f4f6f6
Neutral 12 #f9fafa

Semantic Colors

Error #ad0322
Warning #faa614
Success #008738
Info #006bb2
Autofill #e3eef5

Button Styles

Primary Buttons

Secondary Buttons

Tertiary Buttons

Solid Slider Buttons

default
disabled

Outline Slider Buttons

default
disabled

Solid Play Buttons

default
disabled

Outline Play Buttons

default
disabled

Close Buttons

Social & Misc Buttons

Primary Buttons

Secondary Buttons

Tertiary Buttons

Solid Slider Buttons

default
disabled

Outline Slider Buttons

default
disabled

Solid Play Buttons

default
disabled

Outline Play Buttons

default
disabled

Close Buttons

Social & Misc Buttons

Transparent Slider Buttons

default
disabled

Form Styles

Input Field
Forgot password?

Message Field

Grid System

Spacing Guide

(General Block)
(General Block, but customized with snippet)
(Alternate Block)