Page Hero ShapePage Hero Shape

Style Guide

Style Guide

Colors

Primary Color #1
#060614
Primary Color #2
#339449
Primary Color #3
#544fcc
Text Color
#4f4f4f
Section BG
#f1f5fa

Typography

Default Headings

Heading 1

H1 - 72px / 123% || SemiBold || Outfit

Heading 2

H2 - 44px / 130% || SemiBold || Outfit

Heading 3

H3 - 28px / 130% || Medium || Outfit

Heading 4

H4 - 24px / 130% || Medium || Outfit
Heading 5
H5 - 20px / 140% || Medium || Outfit

Heading Styles

Heading 2

H2 Style - 44px / 130% || SemiBold || Outfit

Heading 2

H2 Small Style - 36px / 130% || Semibold || Outfit

Heading 3

H3 Style - 28px / 130% || Medium || Outfit

Heading 3

H3 Small Style - 26px / 140% || Medium || Outfit

Heading 4

H4 Style - 24px / 130% || Medium || Outfit
Heading 5
H5 Style - 20px / 140% || Medium || Outfit

Text Styles

Subtitle
Subtitle - 20px / 140% || Medium || Outfit

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.

Paragraph - 20px / 160% || Regular || Outfit

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.

Paragraph Medium - 18px / 160% || Regular || Outfit

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.

Paragraph Small - 16px / 160% || Regular || outfit

Icons

Icon ImageIcon ImageIcon ImageIcon ImageIcon ImageIcon ImageIcon ImageIcon ImageIcon ImageIcon ImageIcon ImageIcon ImageIcon ImageIcon ImageIcon Image