01. Colors

Primary Colors

Brand

#ff8d22

Brand Secondary

#5fd367

Positive

#4dca64

Negative

#4dca64

Secondary Colors

Black

#333

Grey

#5fd367

Light Grey

#4dca64

Offwhite

#4dca64

White

#4dca64
02. Type Styles

Primary Font

Abc

Lato Light

Abc

Lato Normal

Abc

Lato Bold

Secondary Font

Abc

Merriweather Light

Abc

Merriweather Normal

Abc

Merriweather Bold

Header Styles

Headline text

Lato Black / 96px / #333

Header text

Lato Bold / 36px / #333

Title text

Lato Bold / 24px / #333

Secondary Title text

Lato Bold / 18px / #333
Label text
Lato Bold / 16px / #333
Eyebrow text
Lato Normal / 10px / #777

Text Styles

Paragraph text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque tristique quam convallis odio suscipit, sit amet viverra nisl euismod.

Lato Normal / 16px / #333

UI text is more detailed copy that might be needed

Lato Normal / 14px / #333
Lato Bold / 16px / #3b49b4

Text Layouts

Left Algined
Centered
Right Aligned
03. BUTTONS

Filled

Outlined