Typography

Maintaining these variations of fonts, sizes, & colors on all branded items will ensure a consistent user experience and a strong visual hierarchy/flow.

If you edit styles here, they will change across the site

H1
Montserrat - Bold - 46px

Lorem ipsum dolor sit amet

H2
Montserrat - Semi Bold - 36px

Lorem ipsum dolor sit amet

H3
Montserrat - semi Bold - 24px

Lorem ipsum dolor sit amet

H4
Montserrat - semi Bold - 18px
Lorem ipsum dolor sit amet
H5
Montserrat - Mediunm - 16px
Lorem ipsum dolor sit amet
H6
Montserrat - Bold - 12px

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.

P
Montserrat - Normal - 16px
Lorem ipsum dolor sit amet
block quote
Montserrat - medium - 20px
Lorem ipsum
Text Link
View Project
Donate Funds
Donate Funds
Buttons

Color

These colors have been selected to create a tone that is a blend of professional (Whites & grays) & fun/personal (green).

Text colors

font color - dark
#272727
font color - Light
#aaaaaa

Main colors

BRAND COLOR 1
#0fc22b
BRAND COLOR 3
#57d46b
BRAND COLOR 2
#0c9b22
BRAND COLOR 4
#ffffff

Neutral colors

LIGHT GREY 1
#F3f3f5
DARK GREY 1
#636363
LIGHT GREY 2
#cccccc
DARK GREY 2
#333333

Logo

These are the primary logos used on the whole site that can be downloaded at any time.

MAIN LOGO White
DOWNLOAD
Icon LOGO Green
DOWNLOAD
Text LOGO WHITE
DOWNLOAD
Icon Logo White
DOWNLOAD

Components

These are a few example components.

Ready to chat?

Fill out the form below to start the conversation.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form
Tab 1
Tab 2
Tab 3

TOGGLE STYLE 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo

TOGGLE STYLE 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo

TOGGLE STYLE 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo

What we’re good at

A nation that destroys its soils destroys itself. Forests are the lungs of our land, purifying the air and giving fresh strength to our people.

Treatment

80%

Protection

100%

Intervation

100%

Survey

80%

TOGGLE STYLE 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo

TOGGLE STYLE 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo

TOGGLE STYLE 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.