Brand material
Logos and brand material reference.
Table of Contents
LogosLogos
The Logo Icon
For small use cases, such as favicons, social media profile pictures, and other small applications.
The Primary Logo
For most use cases, where there is enough space to display the full logo.
The Secondary Logo
For use cases where there is enough space to display the full logo, but the space is not wide enough for the primary logo and a more rectangular or circular shape is required.
Gradient background
As a background for the logo or other resources. Preferably use white elements on top.
Logo variations
Color variants
There are four color variants of each logo. Always attempt to use the Primary version of the logo, unless you have a specific reason to select another color variation.
| Color | Use case |
|---|---|
| Primary | Use whenever possible. |
| Filled | Use as an alternative to the primary one, if a full-color background suits the situation better, but gradient color cannot be used. |
| Black | Use, if using colors is not an option, for example in B&W prints. |
| Dark primary | Use, if the logo has to be used on a dark background. |
| White | Use, if using colors is not an option and the logo has to be used on a dark background, for example in B&W prints. |
| Gradient | Use as an alternative to the primary one, if the gradient background suits the situation better, e.g. in social media profile pictures. |
Primary
Filled
Gradient
Black
Dark primary
White
File format variants
There are two file formats available for download, SVG and PNG.
| File format | Use case |
|---|---|
| PNG | Preferred format for easy use as image, with transparency. |
| SVG | Preferred format, when logo has to be used in larger formats, where scaling indefinitely is vital, or when using an SVG is more convenient. |
SVG
PNG
Colors
Primary green
Primary shade of green to be used as the main brand color. Suitable for both light and dark backgrounds. Intended for use as accent color.
Off-white
You can also use pure white as the background (#FFFFFF), but using this color is recommended.
Off-black
You can also use pure black in the text (#000000), but using this color is recommended.
Fonts
Inter
Primary font to be used everywhere on the brand. Weights from regular (400) to bold (700) are to be used.