Stuff & Nonsense product and website design

Blog and all that malarkey

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 tagged this with design


More from Stuff & Nonsense

Andy Clarke demonstrates how to take your product and website designs to the next level.

Take your Squarespace designs to the next level with our premium Squarespace templates.

The popular web design contract template trusted by thousands of web designers and developers.

Andy is an experienced mentor who can help you improve your design skills and develop your career.


I’m available to work on new design projects.