This is surely something from the boring side of design, but I figured it was worth throwing up here.
As a part of my thesis work I’ve come to a point where it seems prudent to develop a style guide. I’ve done one of these once before for a student data management web app, but it was a pretty low impact affair. The one I’m doing now is a little more robust, and kind of spans the two different types of style guides that I’m aware of – Brand and Layout.
Both of these have some bleed into each other, but I think each is important for it’s own reason. For my project I’m doing a slight re-branding, something that the company hasn’t really thought about for 40 years. This is particularly important because the company doesn’t have a mission statement, and their existing brand is a little watered down by a non-specific name and failure to adapt the brand when the core product/service changed.
Among some of the other resources I used to try and figure out what should go in here was this article which provides links to several corporate brand guides that I thought were pretty useful.
20 Inspiring Brand Guides
From this, the key elements that I’m including in the brand guide are:
a new logo and usage guide
colorway and usage guide
Layout is another very important part of my thesis, as I will be designing a website, interactive touch screen displays and in-store signage. In fact, these needs are really the impetus for taking on a style guide, as it should make it quicker to churn these out with consistency. This is also a little bit of a headache, as I’d originally hoped that I would be playing the role of designer in a strict way for these parts – with output being hi fidelity photoshop/illustrator mockups. This would have freed up _a lot_ of my time, but my committee, probably rightly so, requested that I actually build out functional stuff. What this means for a layout oriented style guide is that it’s going to be more of a CSS pattern library. Here’s an article I found that was a pretty good example. Creating Style Guides. I would love to find something that’s a little more verbose as far as a bullet list of elements I need, but this is highly dependent on the project I suppose so it might be a tall order.
So far here are the sections I’m working with:
web site (incl component CSS patterns)
Anyway, I had better get back to it. Just wanted to post those links because I thought they were useful.