Brand

Codeo logo

Embodying innovation and excellence, the Codeo logo is our signature in every creation.

01 - Badge

Badge

The Codeo badge is our go-to choice for most applications. With a solid background encapsulating the wordmark, it is designed to maintain its integrity on any platform.

Badge clear space guide
Clear space. Use the height of the ‘d’ and ‘o’ letters as a guide for the clear space around the badge.
  • Codeo blue badge

    Blue badge

    Perfect for light or busy backgrounds where contrast is needed.

    PNG ↓SVG ↓

  • Codeo white badge

    White badge

    Ideal for white backgrounds and clean layouts to keep the logo prominent.

    PNG ↓SVG ↓

02 - Wordmark

Wordmark

The Codeo wordmark is the most direct expression of our brand. It's suitable for contexts that allow for clear space and where the brand can be the focal point.

Wordmark clear space guide
Clear space. Use the width of the ‘d’ as a guide for the clear space around the wordmark.
  • Codeo blue wordmark

    Blue wordmark

    Use this classic, confident blue on lighter backgrounds.

    PNG ↓SVG ↓

  • Codeo white wordmark

    White wordmark

    The inverted version stands out on darker backgrounds.

    PNG ↓SVG ↓

03 - Square badge

Square badge

Our square logo variations are designed for platforms that require a more uniform or grid-based representation of the brand, like social media avatars or app icons.

  • Codeo blue square

    Blue square

    A bold statement piece, the blue square houses our wordmark in scenarios where the brand needs to be quickly identified.

    PNG ↓SVG ↓

  • Codeo white square

    White square

    A minimalistic approach that shines on various backgrounds while keeping the brand central.

    PNG ↓SVG ↓

04 - Icon

Icon

The Codeo icon distills our brand to its purest form: the ‘C’ symbol. This is used where space is limited, and the full wordmark would lose impact.