Style Guide

Here you’ll find standards and guidelines to apply each element consistently, ensuring a cohesive, polished, and professional template.
Color style
Whitesmoke
#F0F0E4
White
#FDFBF7
Primary Green
#132C0F
Primary Green Accent
#1C3317
Primary Green Soft
#4A5A3F
Secondary Green
#C1E790
Secondary Green Accent
#B0DB7A
Secondary Green Soft
#EDFAE8
Dark Grey
#7E807B
Grey
#C9CCC4
Light Grey
#E5E4DA
Typography style
H1- Aa Bb Cc
Heading 1
Funnel Sans - 400 Regular
Size 8 VW
Height 8 VW
H2- Aa Bb Cc
Heading 2
Funnel Sans - 400 Regular
Size 6 VW
Height 6 VW
H3- Aa Bb Cc
Heading 3
Funnel Sans - 400 Regular
Size 5.8 VW
Height 1 EM
H4- Aa Bb Cc
Heading 4
Funnel Sans - 400 Regular
Size 4.4 VW
Height 1.15 EM
H5- Aa Bb Cc
Heading 5
Funnel Sans - 400 Regular
Size 3.4 VW
Height 1.2 EM
H6- Aa Bb Cc
Heading 6
Funnel Sans - 400 Regular
Size 2 VW
Height 1.25 EM
Text Block Typography
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
Text
Text
Text
Rich text typography

H1

H2

H3

H4

H5
H6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

Bold text

  • Item A
  • Item B
  • Item C

Text link

Emphasis

Superscript

Subscript