Colors

Primary - #00bf60

Primary Light - #FFF

Secondary - #24c9ff

Grayscales

DARK

Light

Gradients

Primary Gradient
#4d18ff - #A185FF

Light Gradient
#A185FF - #FFFFFF

Alert

Success - #73ec99

Error - #f84568

Warning - #f6d87c

Typography

Aa

Popins
Bold

Aa

Open Sans
Semibold

Aa

Open Sans
Regular

Headings

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog

Paragraphs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Others

Here is a caption to add on an element.

CAPTION - 12PX/ 1.4EM - Open Sans

Here is a label to add to your forms as needed.

LABEL - 16PX/ 1.4EM - Open Sans

Small text that you'll have on the page maybe for a small description.

SMALL - 14PX/ 1.4EM - Open Sans

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

VERY SMALL - 11PX/ 1.6EM - Open Sans