Branding Guideline.

This guideline was created for you to familiarise yourself with the Roadmap to Zero branding. Please respect our branding and legal and licensing restrictions in your use.

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

Branding Chapters.

Our Icons
& Patterns

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

2.2 Patterns

In our brand identity we use 4 main colouurs 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 colour.

Light Blue Pattern

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

Yellow Pattern

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

Green Pattern

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

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 colour blocks with background patterns

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

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

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

2.4 How to use icons
In Circle + Solid Brand Colour
In Circle + brand colour 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 colour. With or without pattern.
2.5 How not to use icons
In Circle with non-brand colour
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-coloured style.

Our Colours

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

3.1 Our Colours

In our brand we use 7 main brand colours which can be used for background colours or heading colours. 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

Tomato Red

#E94F37

Download Colour Overview File
3.2 Rules with Colours
Colours as backgrounds

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

Coloured header and blocks.

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

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

Our Typography

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

04

Our Typo-
graphy

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

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 colour, 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

"Be creative and stay consistent"