Stuff & Nonsense product and website design

New branding for Code Enigma

Our friends at Code Enigma relaunched their website at DrupalCon in Amsterdam. The launch included the branding we designed for them.


Code Enigma are well-known in the Drupal community and we felt that changes to their brand needed to be incremental and not a complete departure from their previous, familiar branding.

Code Enigma’s original mark was a puzzle that looked like it couldn’t be solved.

While we worked on the logo redesign, we focussed on three areas:

  1. Evolving the motif
  2. Making better use of colour
  3. Choosing a new typeface

Evolving the motif

No one at Code Enigma could tell us the story behind their original motif. The best answer was that it was an enigma, “something mysterious or difficult to understand.” We didn’t feel this definition fitted a company who’s job is, in part, making complex software simple.

We started devising an updated motif by experimenting with physical shapes.

The original motif reminded us of ‘separate and join’ puzzles found in Christmas crackers. We started by making physical shapes to help us solve the puzzle of the updated motif.

After making physical shapes, we experimented with arrangements before settling on one for the new logo.

Making better sense of colour

Code Enigma’s original motif contained a rainbow of colours. One early idea combine three of these colours but lacked the clarity we were striving for;

A version using three colours per motif looked clumsy.

We sampled four and added a neutral grey, then used tints of each colour to form a set of new motifs. These can be used on either light or dark backgrounds and will stand out even when set on top of photographs.

Tints of each colour are not only more harmonious, they give Code Enigma more flexibility in their use.

Choosing a new typeface

While there were attributes of the original logotype we thought were worth retaining, the typeface and arrangement needed updating as logos that are comprised of two words that have been treated differently are a sore point for us.

Various arrangements of the updated motif and Code Enigma logotype.

We searched for a new typeface with similar characteristics to the original. One that would be useable in both branding and website content. After experimenting with a half-dozen alternatives, we settled on Omnes Pro from one of our favourite type designers, Darden Studio.

The finished logo, an updated motif and Code Enigma set in Omnes Pro.

It’s a great honour when someone in our industry trusts us with the look of their business. We loved working Code Enigma and we’re very proud of what we made with them. So we sent them a gift for DrupalCon, a set of prints of their new logo—printed by our favourite letterpress printers, Blush Publishing—to give away to their clients and staff at the conference.

We’ll write more about our other work for Code Enigma next week, including our process for design their new website.


Written by Andy Clarke who filed this in design .


Would you like advice and inspiration on making better designs for the web?

Get monthly design inspiration and insights based on my 25+ years of experience. View some recent emails, sign up today, and get:

    I promise never to share your email address and you can unsubscribe with just one click.

    Free set of Layout Love grid templates when you sign up.

    Hire me. I’m available for coaching and to work on design projects.