Our logo

Our logomark should always be depicted using our official colours, and using a colour combination that ensures optimal contrast. This means that when using one of our dark colours as background, light colours should be used for the logomark — and vice-versa.

When applying colours to any of your design elements, you want to ensure that there is sufficient contrast for the logomark in our logo to be clearly seen, and for the logotype to be legible. This is specially important if targeting audiences that may have visual issues. The controls on this page show you the WCAG AAA ratings between your chosen background colour and any other colours you are applying. Clicking on the rating will give you the precise contrast ratio. 

The contrast ratio between two colours ranges from 1 (no contrast) to 21 (black against white). WCAG AAA requires a contrast ratio of at least 4.5:1 for large text and 7:1 for normal text. WCAG AA requires 3:1 for large text and 4.5:1 for normal text. For AAA, a contrast ratio of at least 7 is required for normal text. Logos are exempt from WCAG text contrast requirements, but clear contrast still supports recognition.

Our logotype was carefully crafted using characters from the Nunito font family, freely available from the Google Font library at: https://fonts.google.com/specimen/Nunito.
Just like with our logomark, our logotype must always be displayed in a colour that is highly contrasting with its background: if it is typeset using light colours, then its background should be in one of our dark colours, and vice-versa. The entire logotype must always be set in one single colour.

Our logo should always be displayed in colours that are highly contrasting with its background. This means that if the background uses one of our light colours, then the logo should use our dark colours, and vice-versa. For maximum impact, make sure that the logomark and the logotype always use different colours from each other.