6

What is normally covered in a brand style guide that is not included in a standard design style guide in the context of traditional and digital production? Does the brand style guide only cover the use of company/brand logos and colours/fonts? It seems like often an agency will be tasked with creating the brand style guide for a company, but doesn't necessarily take into account of the existing design style guides for their products and services.

How do people normally make a link between the brand and design style guide when it comes to conflict with colours, fonts and other visual design elements?

8
  • 1
    Often they are one in the same.
    – Scott
    May 14, 2014 at 0:24
  • I agree with Scott. I'm not sure there really is a difference between the two. Design guidelines are usually are part of the overall brand standards.
    – DA01
    May 14, 2014 at 2:28
  • But in the context of digital design, the brand style doesn't provide information about the interaction design patterns or the user interface, or does it? May 14, 2014 at 2:42
  • 1
    This answer may be useful, even if it's not quite what you were looking for: writers.stackexchange.com/questions/2589/… May 14, 2014 at 10:52
  • 1
    I'd agree that style=brand
    – SaturnsEye
    May 15, 2014 at 10:07

3 Answers 3

4

Usually, brand guidelines are for everyone, while design guidelines are the subset for designers.


It varies (particularly by geography and size of organisation), but usually "brand guidelines" are the broad umbrella including:

  • "Vision" or "Mission statement" etc etc
  • Tone of voice and writing style guidelines
  • Logo files and usage guidelines (e.g. white space, minimum size, which variants to use on what backdrops)
  • Other brand assets such as letterheads, business cards and slide templates
  • Colour palettes (which are used more widely than just by designers)
  • Briefing documents or commissioning guidelines
  • Design guidelines << which are written for designers and go into detail on grids, styles, colour usage, typography, etc, and might include UI patterns, print specs, etc

  • Any other specialist guidelines e.g. for video, music, product design, shop layout, customer service, responding to complaints, uniforms, company song...

Regarding the edit about UI pattern libraries - how these fit in varies as they are a comparatively new edition. They might be part of the design guidelines (e.g. this could be separated into "print" and "web"), or, they might be standalone or part of a separate document or suite on digital publishing standards aimed at not just designers and UX specialists but also content commissioners, editors, writers, IA people etc.

The latter is probably a "better" practice, as how online content is interacted with is closer to how it is planned and structured than it is to, say, print specifications; but I'm not aware of any firm standard (yet).

0

A brand guide is usually specifically in reference to the actual logo mark or brand. A Style guide is usually used for something like a website it can include type, colours, components, and items specific to the project

2
  • 1
    Perhaps in different industries the term means slightly different things? I guess there might be people coming from a design agency background versus the IT industry. As a UX designer, I see it as part of a bigger 'design framework' that includes things like the design style guide, writing style guide, interaction design guide, etc. May 15, 2014 at 5:48
  • I'd agree with @MichaelLai - it can mean different things depending on your industry. In a strictly print viewpoint, they could be viewed as the same thing. May 15, 2014 at 20:23
0

Based on your comment to your question, I believe you're asking about what UX teams typically call a Pattern Library. A good example is the one that MailChimp publicly shares:

https://ux.mailchimp.com/patterns

A pattern library is typically going to be more about the details of the interactions. It will include things such as:

  • when to use the particular component
  • when NOT to use it
  • states
  • accessibility requirements
  • content requirements
  • variances
  • and sometimes actual code/CSS

As for how it conflicts with brand guidelines--it shouldn't. Brand/design guidelines should be fairly technology agnostic and, as such, not overlap too much.

As long as your pattern library's styles adhere to the brand guidelines, you should be good.

If you get to a point where something just has to conflict, so be it. At that point it becomes a process question for your organization. One option would be to allow for UI exceptions, then have those go back to the branding team to determine if the brand guidelines need updating.

4
  • Since UX teams work off a pattern library (as you suggest), and the marketing team work off a brand guide, how do organizations normally resolve differences or conflicts between the two standards? May 15, 2014 at 22:25
  • @MichaelLai the pattern library includes a lot of stuff that the design guide shouldn't care about...such has how a rollover on a menu might work. Things that they will care about--colors, fonts, etc, should already be specified in the brand guidelines, and the UX team should be building their visual elements to match. If there is a conflict, how that's handled will be up to the particular teams involved. Typically, for better or worse, it's often a few slightly argumentative emails back and forth and then a compromise. :)
    – DA01
    May 16, 2014 at 1:09
  • @michaellai if the brand guidelines are well structured, there will be some clear general guiding principles that apply to everything, then each document will simply be the detail of how those are realised in different areas May 17, 2014 at 7:59
  • I'd like to see some examples of those well structured brand guidelines. Haven't seen too many that are done by the big name design/brand agencies. IF you have examples that would be great. May 17, 2014 at 9:51

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.