Updated

Logo

The logo is the main element of our identity, our signature, and should be featured in all design and communication. A strong and clear set of rules will ensure the logo to do its job properly, building the brand, creating high recognition and preference over time. Our logo should never be changed, edited, skewed or distorted in any way.

Logo symbol

We've defined a secondary version of our logo for use in small spaces, e.g. in social media.

The O is extracted from the logo, and used as a standalone symbol.

The logo symbol should only be used in cases where the primary logo is not suitable. The logo symbol is not an optional substitute for the primary logo, nor should it ever be used as a graphic or decorative element.

Logo Symbol

Logo states in animation

In animation and interactive experiences the O in the logo is dynamic, and can transform from seven data points at its lowest, up to an infinite number of data points to make a perfect circle.

Our states go in steps from 7 sides through 9 and 11, up to 13 data points and then to a circle. Beyond 13 data points the shape is optically percieved as a circle, with too small details to distill. The steps are in odd numbers to always have a flat base at the bottom of the shape, and a single spike at the top of the shape.

Nine data points is our default logo, for all static use. It’s our main logo and is never to be changed.

Logo states

Logo colours

It is important to remember to have good contrast between the logo and the background. To work with both light and dark backgrounds, we have defined two logo colours; Volue Deep and white.

On Volue Deep and other dark coloured backgrounds we use the logo in white. On white and other light coloured backgrounds we use the logo in Volue Deep.

Logo Blue
White logo on Volue Deep background
Logo Green
White logo on dark green background
Logo Green60
Volue Deep logo on light green background
Logo White
Volue Deep logo on white background

When using the logo on an image background you should always choose a calm, clean photo, without too many details disturbing the logo.

For most images a logo in white is the optical preference, but for very light images, the white logo has too low contrast, and a logo in the Volue Deep colour is preferred.

Logo image
The logo can be placed on calm photos with high contrast to the logo itself

In some cases, where the logo is placed in close context with black text for instance, the logo can also be used in black colour – but in general, we prefer to use the logo in the Volue Deep colour.

In case colour printing is not available, the logo is printed in solid black.

Web 1920 9
The logo in black colour

Clear space

We should always ensure enough clear space around the logo, for it to stand clear as a strong mark. The minimum clear space is equivalent to the size of the O in the logo. No other items should be placed within the clear space shown below.

Logo clear space
Logo with clear space area visible

Positioning and sizing

As a general rule the logo should be placed in the corner – preferably the upper left corner, but can also be placed in the upper right or one of the bottom corners if that is more appropriate.

An exception is on our website, and surfaces with responsive width, where the logo is top centered. For surfaces where logo is the standalone element, the logo can be center-aligned to the format – horizontally and vertically, e.g. the back side of a business card.

The minimum size defined for the logo is 15 mm width. Applying smaller sizes than this will highly reduce the appearance and perception of the logo, so this is to be avoided.

Logo minimum size

The size of the logo should always be considered to each individual cause, and size of the format it appears in. A rule of thumb is that a centered, standalone logo should be 50% of the width of the format.

When the logo is used as a signature in communication, a general rule should be that the logo should be between 5–10% of the width of the format, depending on the purpose and balance in the communication.

For example; our product sheet templates are designed in A4 format, with the logo as a signature in the upper left corner in a width of 16,25 mm. This equalizes to about 7,5% of the width of a A4-sized document.

The margin should equalize to between 5%–10% the width of the shortest edge of the format. The size of the margin should be considered to each individual case, depending on size, content and context.

Logo Size Standalone
Standalone logo should be 50% of the width of the format.
Logo Size Corner Margin
When using the logo as a signature the logo should be sized between 5%-20% of the width of the format. The margin should be between 5%–10% of the width of the format.

In cases where it's not possible, or inappropriate, for the logo to be placed as specified here, the logo should be placed where it is the most appropriate for that instance. Remember to keep enough space around the logo for it to be a clear signature.

Incorrect use

The logo is our signature and the most important identity asset. It is therefore important that we use this correctly in every instance. The logo should always be used in 1:1 proportion, and in our defined logo colours.

Here are some examples of incorrect use of the logo, which we should avoid doing.

Logo Dont Busy image

Do not place logo on busy images, nor images with hight contrast between light and dark details disturbing the visibility of the logo.

Logo Dont Box

Do not place logo in a box or frame of any type – neither on an image, nor on top of a coloured background.

Logo Dont Dark image

Do not place a dark logo on a dark image background. The contrast between the logo and the image is too low.

Logo Dont Light image

Do not place a light logo on a light image background. The contrast between the logo and the image is too low.

Logo Dont Low contrast 3

Do not place a dark logo on a dark-coloured background. The contrast between the logo and the background is too low.

Logo Dont Light on light

Do not place a light logo on a light-coloured background. The contrast between the logo and the background is too low.

Logo Dont Wrong colours

Do not use the in colours from the secondary palette. We should always use our defined logo colours.

Logo Dont Low contrast

Do not use white and light green colours in combination as they do not validate to the need of contrast. When working with light green colour, we should use dark colour for the logo and other text.

Web 1920 16

Do not add multiple colours, or alter the colour scheme of the logo.

Web 1920 17

Do not skew or transform the logo out of proportion.

Logo Dont Upside

Do not rotate the O in the logo. The O should never be rotated, and always have it's spike pointing upwards, with a flat base.

Logo Dont Even Number

Do not make new, custom O's with an alien-number of sides, like six or eight. Our faceted O's ranges from seven to thirteen sides, only in odd numbers of sides to have a spike at the top and a flat base at the bottom.

Web 1920 14

Do not add drop shadow or any other special effects to the logo.

Web 1920 18

Do not rotate the logo.

Web 1920 15

Do not outline the logo.

Web 1920 19

Do not add illustrative elements to the logo, or other gimmicks and effects of any sort.

Download