Official Websites
Brand Guidelines
2018
Brand Summary
Visual Identity Overview
- The Containous brand visual identity is defined by a bold, geometric logo featuring a hexagonal motif and a stylized cube, emphasizing a clean, minimalist, and modern aesthetic. The logo is used in both horizontal and vertical lockups, with strict guidelines for spacing, safe area, and color contrast. Supporting typography is Rubik, used in Light, Regular, and Bold weights, and logo applications prioritize strong contrast and accessibility, with options for black, white, and grayscale versions depending on background color [^1].
Categories
Logo Usage
- The primary logo for the brand is the logomark and the logotype together They should always appear in this size relationship Always use the logo files provided in the logo pack Do not recreate
- The stacked logo is for large scale use, or where horizontal space isn’t available
- Avoid using it at small sizes
- Always use the logo files provided in the logo pack.
- Do not recreate.
- Use the icon only when “Containous” logo has been well established elsewhere on the page or in the design. (When in doubt, use the full logotype.)
- The reference mark for spacing is the height of negative space in the logomark. It is called X.
- Safe space acts as a buffer between the logo and other visual elements on a page, including text. This space is the 4x the size of X.
- Use always the white or black versions. If you’re going with grayscale, make sure you choose a version where the contrast between the logo and the background is strong. (You can create a version using any value on the grayscale.)
- The logo must always have good contrast with the background to ensure maximum impact and accessibility.
Iconography
- Use the icon only when “Containous” logo has been well established elsewhere on the page or in the design. (When in doubt, use the full logotype.)
- The reference mark for spacing is the height of negative space in the logomark. It is called X.
- Safe space acts as a buffer between the logo and other visual elements on a page, including text. This space is the 4x the size of X.
Visual Style
- The stacked logo is for large scale use, or where horizontal space isn’t available
- Avoid using it at small sizes
- Always use the logo files provided in the logo pack.
- Do not recreate.
- Use the icon only when “Containous” logo has been well established elsewhere on the page or in the design. (When in doubt, use the full logotype.)
- The reference mark for spacing is the height of negative space in the logomark. It is called X.
- Safe space acts as a buffer between the logo and other visual elements on a page, including text. This space is the 4x the size of X.
- Use always the white or black versions. If you’re going with grayscale, make sure you choose a version where the contrast between the logo and the background is strong. (You can create a version using any value on the grayscale.)
- The logo must always have good contrast with the background to ensure maximum impact and accessibility.
Color Palette
- Use always the white or black versions. If you’re going with grayscale, make sure you choose a version where the contrast between the logo and the background is strong. (You can create a version using any value on the grayscale.)
- The logo must always have good contrast with the background to ensure maximum impact and accessibility.
Typography
- Rubik Light STUVWXYZ SUPPORTING font Rubik. TYPOGRAPHY ABCDEFGHIJKLMNOPQR ABCDEFGHIJKLMNOPQR ABCDEFGHIJKLMNOPQR abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz Rubik Regular If you’re creating marketing materials or other collateral that is representative of the Containous brand, we recommend using the STUVWXYZ Rubik Bold STUVWXYZ