Page Hero Background Image
Page Hero Shape

Style Guide

Colors

Primary Color #1
#090909
Primary Color #2
#DAFF97
Primary Color #3
#084D2B
Text Color
#333333
Section BG
#F6EFE6
Section BG
#EAF3EF

Typography

Default Headings

Heading 1

H1 - 72px / 130% || Medium || Clash Display

Heading 2

H2 - 52px / 130% || Medium || Clash Display

Heading 3

H3 - 32px / 130% || Medium || Clash Display

Heading 4

H4 - 26px / 130% || Medium || Clash Display
Heading 5
H5 - 24px / 150% || Medium || Clash Display

Heading Styles

Heading 2

H2 - 52px / 130% || Medium || Clash Display

Heading 2

H2 Small - 40px / 130% || Medium || Clash Display

Heading 3

H3 - 32px / 130% || Medium || Clash Display

Heading 4

H4 - 26px / 130% || Medium || Clash Display
Heading 5
H5 - 24px / 150% || Medium || Clash Display

Text Styles

Subtitle
Subtitle - 20px / 150% || Regular || Manrope

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 / 150% || Regular || Manrope

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 / 120% || Medium || Manrope

Icons

Icon ImageIcon ImageIcon ImageIcon ImageIcon ImageIcon Image