What is a design system?

March 16, 2012

Often in our work we are asked for things that sound simple, but in fact aren’t.
(Or would be simple, but wouldn’t be a truly good solution.) And many of those challenges relate to design systems, and whether or not the client has one, or even thinks they need one.

A solid design system gives you the visual building blocks needed for building your messaging and brand with consistent identity and tone.

infographic explaining what a design system is

It establishes rules which guide decisions for all of your design needs, and allows things like advertising, packaging, mobile apps, and web presence to all work together, sending a clear and consistent message.

And because that message is consistent, it is reinforced with each new exposure your clients (and potential clients) receive.

If you need more convincing – think of companies who effectively use consistent colors, logo treatment, and typography. An example being Starbucks. You can recognize a Starbucks and know what kind of experience to expect by seeing their green and white signage – even before you are close enough to read the actual sign.

And then on the other hand – how many companies can you think of that don’t use consistent visual design?
Can you think of any?

Entry filed under: Culture, HB Design, Our work. Tags: , , , . Noel Henneman Noel Henneman

Ode to the HB Popcorn Maker Of Gardeners and Geeks

2 Comments Add your own

  • 1. Mary (Barrett) Conley  |  April 23, 2012 at 4:43 pm

    Hello there everyone!! I just was explaining this concept to one of the interns at the University where I’m working. Then…I looked at your blog. This is a great illustration and analogy of how it all flows. Thank you. I have shared that with a couple of students here, and they really appreciated it. Hope everyone is doing well.

    Mary (Barrett) Conley

    Reply
  • [...] The design system—almost always essential, but often not understood. [...]

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Trackback this post  |  Subscribe to the comments via RSS Feed


Calendar

May 2013
M T W T F S S
« Apr    
 12345
6789101112
13141516171819
20212223242526
2728293031  

Most Recent Posts