Designed by Muller
Graphic Design portfolio

Anatomy of a logo: 24SEVEN

July 14th, 2007
Filed under Anatomy of..., Comics, Design.

This summer (if I’m correct) (edit: in stores July 25th) the second book of 24SEVEN, edited by that young strapping lad Ivan Brandon, will be released by Image Comics. Its an awesome book (I say this in blind faith and based on the talent involved, because I haven’t actually seen it yet edit: I have it in my hands now, and it is indeed awesome. Go buy a copy now!) so make sure you pick it up from your local comic shop when you have the chance.

I thought it would be fun to show you how the cover- and book design came together.
Before I got involved with the book, Ivan and I started talking, both being fans of each other’s work, and wondering when or if there’d be a chance to collaborate on something.

Cue Ashley Wood, with whom I’ve been collaborating for some years now, who turned out to be doing the cover art and design for 24SEVEN #2. Ash had no objections to me handling the design part, so at that moment I became involved with the book.

24Ash
Ashley Wood’s cover art with his initial design (left). The “clean” cover art (right)

Right. Now it was time to start designing a logo. Adam Hughes (the cover artist of 24SEVEN #1) had designed a logo for that book, and Ivan was happy to see if I could come in from a different angle. I’d been playing with a lot of “machine type” design and typography lately (on personal projects), and the robot world of 24SEVEN seemed a perfect fit.

24-7 logo ideas
My initial logo concepts, inspired by LED displays and the like

My first batch of ideas were all variations on LED-based digits. I was looking for a quite fat looking logo that was quite rigid and modular in design – keeping in mind the subject matter of the book. I sent these to Ivan, and although he liked the designs as they were, he felt they didn’t suit the book. He liked the bold, clean concept of Ash’s design and wanted to keep it within those lines.

OK. Back to square one. Ash used Akzidenz Grotesk in his design (I take small pleasure in the fact that I turned him onto the typeface, and now he’s using it on almost all his books). I felt that Akzidenz (although it’s my favourite typeface) didn’t sit well on the cover. I was still hell-bent on my “machine-type” idea, and Akzidenz is too elegant for that.

24CLOCK
My clock and the immediate designs that came out of it

So while taking a break I started looking at the clock in our kitchen/diner, and the idea of the “robo-clock” was born.

24-3d.jpg
One idea was emulating a neon store sign that would integrate into the cover art

After having designed the basic lettershapes (based on Helvetica Neue), I tried some different approaches, and pretty much settled for a circular shape, and started designing the “body” of the clock, with elements of battery plugs and cables, and started on the actual cover design.

24logo.jpg
The final 24SEVEN logo – the “full” version on the left and the “light” version on the right.

I designed 4 versions of the cover, alternating between the “full” version of the logo (the clock) and the “light” version (just the type element.

24covers.jpg

After showing the different cover ideas to Ivan, we both settled for option 2, feeling that it struck the right balance – bold enough to grab your eye, but not overwhelming the art. From there the back cover and spine were designed, which gave me the chance to add the full logo as well as a graphic element.

24SEVEN Book 2 cover
The final 24SEVEN cover.

12 Responses to “Anatomy of a logo: 24SEVEN”
  1. Christopher:

    This is a prime example as to why I come here on a regular basis. I really appreciate how you take the time to actually explain the thought process of some of these projects, it shows me that it doesn’t just come to you in some divine way that I haven’t figured out yet. Thanks.

  2. Mr eel:

    Lovely work mate. I think the final choice to avoid taking away from the artwork was just spot on.

    On your recommendation I shall search out that book and give it a read.

  3. Jeff:

    Fantastic. I know people who buy books based on the cover artist, but from now on, I buy based on the guy who designed it. I’d love it if these “Anatomy of” posts became a regular feature – they’re a great Sunday morning coffee read.

  4. Marck:

    Fine example of type design and logo design. Thanks for post this, i really appreciate it.

  5. Blog@Newsarama » Muller: And this is why you can read the cover.:

    [...] his blog, graphic designer Tom Muller explains how he came up with the logo for the second volume of Image’s anthology series, 24Sev…: My first batch of ideas were all variations on LED-based digits. I was looking for a quite fat [...]

  6. Leigh Woosey:

    This is awesome. Posts like this encourage people to carry their ideas into reality. Thanks for posting.

  7. Eric Skillman:

    Great post, and I love where you ended up! It’s great to see such a nice variety of really bold logo treatments—I personally can be a little timid in my title typography, so it’s very cool to see this process. Thanks!

  8. HD SCHELLNACK - DAS BLOG » Blog Archive » ANATOMIE EINES LOGOS:

    [...] seinem Blog erklärt der von mir hochgeschätzte Designer und Comic-Fan Tom Muller die Entstehung eines Logos für eine Comic-Anthologie namens 24SEVEN. Ich muss zugeben, ich mag Ashley Woods allerersten Vorschlag auch sehr, aber Mullers Entwicklung [...]

  9. CheepBoy™:

    Proper, proper love these little journeys into your mind…it’s really good to know that even the best can struggle and toil with a project on the way to a kick ass final solution!

    For some reason I now have an overwhelming urge to scan in some of my comics and get designing some new covers!

  10. YJan:

    I appretiated your works.And so must things I have l learnt throught the show of your design proses.Thank you !Can you be pleased to show more to us .I am looking forware it.

  11. wladi:

    aj aj ajaj…..i dont know what i say…. but it looks awesome! my hero :}

  12. Pixeledonion:

    Sweet…
    thanks for such a great insight into your work process… more top designers should do this!
    looking forward to some more…

Leave a Reply
Name (required)
Mail (will not be published) (required)
Website

Previously: A little FAQ.