Home
Style Guide
Style Guide
Colors
Primary Color
#083935
Secondary Color
#F6D252
Paragraph Color
#5C5C5C
Typography
Default Font Styles
Heading 1
H1 - 76px / 120% || SemiBold || Figtree
Heading 2
H2 - 64px / 125% || SemiBold || Figtree
Heading 3
H3 - 32px / 125% || SemiBold || Figtree
Heading 4
H4 - 24px / 150% || SemiBold || Figtree
Heading 5
H5 - 20px / 150% || SemiBold || Figtree
Subtitle
Subtitle - 20px / 150% || Regular || Figtree
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 || Figtree
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 - 16px / 150% || Regular || Figtree
Maintaining a clean, organized, and productive office workspace is essential for both physical mental well-being. A cluttered or dirty environment can lead to distractions, reduced efficiency, and even health issues.
Block Quote - 24px / 150% || Medium || Figtree
Custom Font Styles
Heading 2
H2 - 64px / 125% || SemiBold || Figtree
Heading 2 Small
H2 - 45px / 125% || SemiBold || Figtree
Heading 3
H3 - 32px / 125% || SemiBold || Figtree
Heading 4
H4 - 24px / 150% || SemiBold || Figtree
Icons
.svg)
.svg)
