Logo & Usage
The logo is the central visual element of our brand identity. It consists of different variations to ensure flexibility across various media and formats. The color application and placement rules define how the logo should be used to maintain consistency.
- Logo Variants: Different versions of the logo for various use cases.
- Colors & Usage: Approved color applications for different backgrounds and contexts to ensure optimal visibility and recognition.
Logo Variants
Wordmark
Clear space
Always place the wordmark with sufficient spacing around the edges, as specified in the logo files defining the clear space. Greater spacing is always permitted.
- Maintain defined minimum clear space around the logo.
- Avoid placing graphics or text within this clear space.
- Larger margins than specified are welcome.
Minimum sizes
Ensure the wordmark remains clear and readable at all times. Do not use it below the recommended minimum size.
- Keep the wordmark easily legible.
- Avoid reducing it below the specified dimensions.
Screen
General Logo Positioning
The following guidelines apply to both digital and print media and are valid for portrait as well as landscape orientations. When positioning the logo, ensure clear visibility and optimal use of space:
- Place the logo in one of the four corners, or center it vertically along the central axis.
- Always maximize the logo's size within the available composition space.
- Avoid using the logo at dimensions smaller than one-third of the total canvas width to maintain readability and visual impact.
Please Don't ...
- Distort the wordmark proportionally.
- Outline or add a keyline to the wordmark.
- Change the color of the wordmark.
- Place the wordmark over busy or low-contrast backgrounds.
- Recreate the wordmark using a different font.
- Alter the spacing or proportions of the wordmark.
- Fill the wordmark with images or gradients.
Icon
Icon Outline
Minimum sizes
Ensure the icon remains clear and readable at all times. Do not use it below the recommended minimum size.
- Keep the symbol easily legible.
- Avoid reducing it below the specified dimensions.
Screen
Please Don't ...
- Distort, squash, or skew the icon.
- Outline or add a keyline to the icon.
- Change the color of the icon.
- Place the icon over busy or low-contrast backgrounds.
- Recreate the icon using a different font.
- Alter the spacing or proportions of the icon.
- Fill the icon with images or gradients.
- Place the icon in a box.
