Logo

Display mode

The logo serves as the main identifier of the brand and plays a key role in its visual identity. It should remain clear and readable across various contrasting backgrounds. Therefore, we recommend using the appropriate logo variations for light and dark backgrounds, as illustrated below.

Logo - light background

Logo - dark background

Safe area

This is the minimum space that should not contain any graphical element so the logo can stand out. When the logo is standalone aligning it like this makes it optically centered.

Logo - light background

Logo - dark background

Favicons

We use the favicon icons to assist users in identifying a website among various open tabs or saved bookmarks. They also can be used in social media and email profile pictures.

Favicon

Social media profile picture

Email avatar

Mobile icons

Most of the time we need a little help to be able to identify an application and perform tasks on the mobile phone. This help is often represented by graphic elements that provide visual communication about the mobile app or brand without the need to elaborate in words. App icons are among the most crucial communication tools and play a significant role in promoting the app on both the App Store and Google Play.

Do

Use the logo exclusively on the backgrounds that provide optimal contrast to maintain clarity and coherence of the visual identity.

Do

Use the alternative white version of the logo for dark backgrounds. This ensures readability and visual consistency of the brand identity.

Do

Always respect the minimum safety area.

Do

Maintain the aspect ratio when resizing.

Don't

Distort, rotate or warp the logo in any way.

Don't

Rearrange or alter the shapes in the logo.

Don't

Change the colours of the logo. Use only the ones listed in the style guide.

Don't

Place the logo on a noisy background. Always make sure it is readable.