Please use a computer or laptop to view the brand presentation.

Branding Guidelines.

Welcome to our presentation for partner guidelines and assets. We want to make it easy for you to integrate ZDHC/Roadmap To Zero in your products while respecting our brand and legal/licensing restrictions.

Note that by using these resources, you accept our Terms of Service.

Branding Chapters.

Our Icons
& Patterns

In our brand identity we use 4 main colors that also have a related pattern. Learn more about these patterns and colors below.

2.2 Patterns

In our brand identity we use 4 main colors that each have a pattern to go with.

Dark Blue Pattern

This pattern resembles the contour of a topographic map.
This pattern is always used with our dark blue brand color.

Light Blue Pattern

This pattern resembles the texture of a human finger print.
This pattern is always used with our light blue brand color.

Yellow Pattern

This pattern resembles the contour of a topographic map.
This pattern is always used with our dark blue brand color.

Green Pattern

This pattern resembles the texture of a leaf.
This pattern is always used with our green brand color.

Download Pattern Files
2.2 How to use Patterns
Use background patterns in backgrounds with text.

In this example you see how the dark blue pattern is used with text inside it.

Use background patterns in backgrounds with text.

In this example you see how the light blue pattern is used with text inside it.

Various different color blocks with background patterns

In this example you see various content blocks using brand color and background pattern.

Important and useful notes:
  • Textures should only be used in our 4 main brand colors, as demonstrated in 2.2
  • Do not create variations on our textures and/or colors
2.3 Icons

All our icons are in outline style, mono-colored.

2.4 How to use icons
In Circle + Solid Brand Color
In Circle + brand color circle + pattern
Important and useful notes:
  • Icons should always be in outline style
  • Icons should only be used within circle elements
  • Icons should only be used in circles with our brand color. With or without pattern.
2.5 How not to use icons
In Circle with non-brand color
In different shaped element
In outlined element
Important and useful notes:
  • If you need a specific icon, please make sure it resembles the same outline, mono-colored style.

Our Colors

In our brand identity we use 4 main colors. Learn more about how to use our colors for anything that relates to our brand.

3.1 Our Colors

In our brand we use 4 main brand colors which can be used for background colors or heading colors. We also use a black (please note; not full-black) for all our general typography and a light gray for dividing website-sections and various content blocks.

Lime Green

#73bc5b

Royal Blue

#2d5cb9

Deep Sky Blue

#459fc5

Gold

#ffb300

Black

#222222

Gray

#e9e9e9

Download Color Overview File
3.2 Rules with Colors
Colors as backgrounds

In this example you see how the dark blue color is used with text inside it.

Colored header and blocks.

In this example you can see how brand colors can be used in important headings, and also for highlighted content blocks.

Important and useful notes:
  • Do not use any other colors then the ones mentioned in 3.1
  • Do not use tint/opacity-variations of any of our colors.

Our Typography

In our brand we use 2 main font families. Learn more below.

4.1 Our Fonts
Headings: Biryani
Example: The spectacle before us was indeed sublime.

Example text: Apparently we had reached a great height in the atmosphere, for the sky was a dead black, and the stars had ceased to twinkle. By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out.

More information on Google Fonts
Body text: Acumin Pro
Example: The spectacle before us was indeed sublime.

Example text: Apparently we had reached a great height in the atmosphere, for the sky was a dead black, and the stars had ceased to twinkle. By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out.

More information on Adobe Fonts
4.2 Use of Typography
Important and useful notes:
  • Do not use any other font variations.
  • In rare occasions you can use a handwitten-style font. Please use: Caveat Google Font.

Our Photography

Our brand heavily relies on high-quality photos of natural views such as rivers, sea, ocean, mountain, grass, etc.

5.1 Our Photography

Our brand heavily relies on high-quality photos of natural views such as rivers, sea, ocean, mountain, grass, etc.

Download Standard Photography Package
5.2 Use of Photography
Image blocks in combination with blurred-background image

Image blocks can be combined with blurry background image elements.

Use photos in combination with text blocks or in backgrounds

Photo blocks can be used in combination with text blocks and large headings. On brand color, or on standard white background.

Important and useful notes:
  • Only use photos of natural views such as rivers, sea, ocean, mountain, grass, etc.
  • If you use photos outside of our standard package, make sure they are copyright-free.
5.2 How not to use Photos
Important and useful notes:
  • Don't use photos with vehicles
  • Don't use photos with people

"Stay consistent and be creative."