The Importance of Developing Brand Guidelines

The most important thing when developing brand guidelines is creating a consistent brand image throughout all your forms of representation. This consistency helps raise your brand recognition throughout your industry, and that breeds a sense of trust with your customers. Trust in turn commands loyalty and will hopefully translate into sales through the spread of your reputation by your customers.

In most cases, your biggest representative is your website. When customers and prospective customers visit your site, they expect it to match your brand and have a consistent look and feel throughout. A brand guideline document will ensure that all of the different people working on your website can maintain that consistent look and feel even though they might represent different disciplines and areas of the website design and implementation process. Let’s take a look at what goes into creating a brand guideline document.

What is a brand guideline document?

The Importance of Developing Brand Guidelines Neon Rain Amazon Branding
  • Facebook
  • Twitter
  • LinkedIn
  • Google+
  • Evernote

A brand guideline document contains pre-defined logos, images, graphics and rules for designers and developers to help them make every page of the website have a consistent look and feel. Having the ability for multiple resources to work on different aspects of the website is a huge gain in productivity, but at the end you want the website to look like it was created by one person with a cohesive and consistent vision.

By having all of the different style elements of the website predefined, you take the guesswork out of styling the website and leave very little room for interpretation on the part of the designers, developers, writers, third-party contractors, etc. It will also help to ensure a consistent look and feel throughout all the different types of pages that are included on the website such as your homepage, email, blogs and eCommerce pages.

What makes up a brand guideline document?

Brand Definition: This includes an in-depth study of what the customer is trying to say with their brand. Below are the main components of the brand study.

  1. Mission: Clearly and concisely state the mission statement of the company.
  2. Vision: Define where the company wishes to go in the future and how they wish to get there.
  3. Target Audience: Who will the website be used to communicate to? Define who your audience is. This can be done with the help of customer personas.
  4. Personality: This should describe how the site will feel to customers while they’re browsing. For example, is the site business minded and straightforward or whimsical and friendly?
  5. Core Values: This will be a declaration of the principles of the company and how they make decisions and take actions.

Typeset Definition: One of the most important tools employed in any website is the typography. The font family, style, weight, and color should be specifically defined for every situation. Also, the different types of headlines should be clearly defined from h1 to h6. Then the body text, bold and italic variations that can be used should be outlined. If you can code and this will be an electronic document, it is best to include examples in HTML with all formatting in place so that they can be easily copied into style sheets.

Color Palette: Everything on the website must be color coded and well defined. Studies on how the viewers of advertising materials identify certain colors with certain brands are amazing. For example, most people would associate red and white with the Coke brand. You should also define neutral colors for inactive objects as well. Most people don’t think about how the color of objects that are read-only or disabled look, but it is a very important tool to guide the user on how to use the site. Don’t forget to include the exact color codes for each color so that there won’t be any discrepancies in the shades of colors. You don’t want to leave it up the designer or developer to try and match your colors. You want them to be precise and consistent.

The Importance of Developing Brand Guidelines Neon Rain Branding Color Amazon
  • Facebook
  • Twitter
  • LinkedIn
  • Google+
  • Evernote

Voice Guide: This determines how the website speaks to the user. If the customer is whimsical or funny, then you might want to code things like error messages and warnings differently than if the customer is strictly business. For example, a warning message for a button that is disabled might say, “Hey, you can’t do that yet, Jack!” instead of “This option is currently unavailable. Please fill out the appropriate information before continuing”.

Icons: Iconography is the principal of images conveying specific meanings without the need for words. For example, you can include little images of a pencil on a piece of paper in the lines of grid items to let the user know that they can click on this icon to edit the item on that specific line of the grid. Several different sizes of the icon should be included along with active and inactive images for use in button or link styling. Also, consider your customer’s image and take into account the voice of the website, so you don’t have cartoon characters as icons for a banking or insurance company.

The Importance of Developing Brand Guidelines Neon Rain Logos
  • Facebook
  • Twitter
  • LinkedIn
  • Google+
  • Evernote

Images: Once again, pay attention to the mission, vision, and voice of the site when including images. Try to use images that convey the emotions of the site and add to its overall impact. Include a variety of images and make them different sizes so that they can be used in different contexts throughout the site.

Pages or Forms: Try to define a clear hierarchy and menu layout for the different forms on the website. Also, include canned messages, tooltips, hover help text and other pieces of text that can be routinely displayed on the site.

Button Images and Behaviors: These should reflect the color pallet, iconography, and typography previously defined in the earlier steps of the document. Pay attention to the voice of the site here as well to make the buttons cohesive throughout. Also, provide active and inactive versions of the buttons as well as different sizes.

The Importance of Developing Brand Guidelines Neon Rain Amazon CTAs
  • Facebook
  • Twitter
  • LinkedIn
  • Google+
  • Evernote

 

Spacing: Spacing helps define the distance between the different graphic elements and provide a consistent look and feel. This should be developed in relation to the different elements in the site such as headlines, body text, image text and the text inside of grid cells just to name a few.

FAQ: This section provides the designers and developers a concise set of rules of what they can and can’t do with the elements provided in the style guide. For example, the spatial orientation and rotation of images. This helps to cut down on the freelance interpretation of the different elements so that you don’t have pages and other sections that look different from the rest of the site. The site should look like it was developed by one conscientious person with a clear, concise style in mind.

Examples: This section should provide examples of all of the contexts and possible uses of the elements in the style guide. This includes text around images and button interactions to name just a few. This is an invaluable resource to help cut down on different interpretations of the styles and behaviors contained in the guideline document. These examples can be showcased within each of the sections listed above, or they can be compiled in a section of their own at the end of the document.

A well-designed brand guideline document will help to create websites that are consistent and convey the mission and vision of the customer. They should be well thought out, robust and exact. The brand guidelines document should be, for the most part, set before design and development begins–with the exception of the FAQ and Examples sections as these may need to be edited as you come across new instances. But overall, if the brand guidelines are thorough and completely filled out, the customer’s website should provide a valuable representation of the customer’s brand.

Contact us today and discover how you develop your own brand guidelines or strengthen and implement your brand guidelines through all aspects of your website. We are here to help!

Comments

  1. AutoLike says

    autolike, Auto Liker, Autoliker, Photo Liker, Working Auto Liker, Increase Likes, auto liker, auto like, Autolike International, Status Auto Liker, ZFN Liker, autoliker, Autoliker, Status Liker, Auto Like, Photo Auto Liker, Autolike

  2. Blake Skinner says

    Thanks for the sensible critique. Me and my cousin were just preparing to do some research on this. We got a book from our area library but I think I learned more from this post. I’m very glad to see such great info being shared freely out there.

  3. Diana Powell says

    Thanks a bunch for sharing this with all of us you actually know what you are talking about! Bookmarked. Please also visit my site =). We could have a link exchange arrangement between us!

  4. Elizabeth Ince says

    It’s really a cool and useful piece of information. I’m happy that you just shared this helpful information with us. Please keep us informed like this. Thank you for sharing.

  5. Bella Underwood says

    As I web-site possessor I believe the content material here is rattling wonderful , appreciate it for your hard work. You should keep it up forever! Best of luck.

  6. Carol Hodges says

    Spot on with this write-up, I really feel this website needs a lot more attention. I’ll probably be returning to read through more, thanks for the info!

  7. Frank Rees says

    Currently YouTube video tutorials quality is more superior and superior, thus thatís the reason that I am watching this video at at this place.

  8. Liam Harris says

    Hi there, You’ve done a great job. I will certainly digg it and personally suggest to my friends. I am sure they’ll be benefited from this web site.

  9. Victor MacDonald says

    whoah this blog is wonderful i love studying your articles. Stay up the great paintings! You realize, a lot of people are looking around for this info, you can help them greatly.

  10. Nicholas Blake says

    Thanks for the suggestions about credit repair on this site. Things i would tell people is usually to give up the actual mentality that they’ll buy at this point and pay back later. As a society most people tend to do this for many things. This includes family vacations, furniture, in addition to items we really want to have. However, you should separate your wants from all the needs. If you are working to raise your credit score actually you need some trade-offs. For example you possibly can shop online to economize or you can check out second hand outlets instead of costly department stores to get clothing.

  11. Deirdre Blake says

    This is very interesting, You’re a very skilled blogger. I have joined your rss feed and look forward to seeking more of your great post. Also, I’ve shared your web site in my social networks!

  12. Diane Roberts says

    YouTube is world’s biggest video sharing web page, no one can defeat it. Every one add movies at YouTube then take embed code and post anywhere.

  13. Olivia Henderson says

    Hello! I’ve been following your web site for a while now and finally got the courage to go ahead and give you a shout out from Austin Texas! Just wanted to say keep up the fantastic job!

  14. historia de electrodomesticos getafe vs real madrid says

    Nuestro servicio técnico Bosch en Olot, está compuesto por un equipo de técnicos especializados en la reparacion de la marca, ademas de reparar todas las marcas. Ofrecemos servicio tecnico Bosch en Olot todos los días, todos nuestros trabajos esta certificados por nuestra factura, que es la mejor garantia de un trabajo bien hecho. Reparamos todas las averías de cualquier electrodoméstico Bosch: lavadoras, congeladores, lavavajillas, frigoríficos, hornos. Si alguno de sus electrodomésticos Bosch tiene alguna avería, no dude en ponerse en contacto con nosotros, uno de nuestros técnicos se pondra en contacto con usted para concretar la hora de visita que mejor le venga.

  15. Audrey Bower says

    I do agree with all of the ideas you have presented in your post. They’re really convincing and will certainly work. Still, the posts are too short for newbies. Could you please extend them a bit from next time? Thanks for the post.

  16. Gavin Rees says

    I was recommended this web site by means of my cousin. I am not certain whether this publish is written by him as nobody else know such precise approximately my problem. You’re amazing! Thanks!

  17. Connor Duncan says

    Good post. I am a normal visitor of your site and appreciate you taking the time to maintain the nice site. I will be a frequent visitor for a long time.

  18. Stephen Young says

    Unquestionably consider that that you stated. Your favourite reason appeared to be on the net the simplest thing to consider of. I say to you, I definitely get annoyed whilst folks consider worries that they just do not recognize about. You managed to hit the nail upon the top and defined out the whole thing without having side effect , other folks could take a signal. Will probably be back to get more. Thank you

  19. Dorothy Ferguson says

    Hello, i think that i saw you visited my web site thus i came to “return the favor”.I’m attempting to find things to enhance my site!I suppose its ok to use some of your ideas!!

  20. Harry Walker says

    Aw, this was a really nice post. In concept I would like to put in writing like this moreover – taking time and precise effort to make an excellent article… but what can I say… I procrastinate alot and by no means seem to get one thing done.

  21. Frank Bond says

    An outstanding share! I have just forwarded this onto a friend who was conducting a little homework on this. And he in fact ordered me breakfast due to the fact that I stumbled upon it for him… lol. So let me reword this…. Thanks for the meal!! But yeah, thanx for spending time to discuss this issue here on your website.

  22. Sarah Lawrence says

    With havin so much content and articles do you ever run into any problems of plagorism or copyright infringement? My site has a lot of completely unique content I’ve either written myself or outsourced but it appears a lot of it is popping it up all over the web without my agreement. Do you know any solutions to help stop content from being ripped off? I’d genuinely appreciate it.

  23. mecanizados en coruña españa says

    Por otra parte, no nos limitamos a la actividad productiva propiamente dicha, puesto que en motores rectificados, torneado y fresado, producción de mecanizados de todo tipo y tareas asociadas a éstas aportamos los máximos niveles de calidad a los precios más competitivos.

  24. Sue MacDonald says

    There are some interesting points in time on this article however I don’t know if I see all of them center to heart. There is some validity however I will take hold opinion till I look into it further. Good article , thanks and we wish more! Added to FeedBurner as nicely

  25. hornos para pan de ladrillo says

    Varias empresas y servicios técnicos denunciaron estas prácticas que perjudicaban gravemente a otras empresas, ya que las reparaciones que se efectúan a través de las empresas captadoras no ofrecen al usuario las menores garantías de fiabilidad,” contratan y rescinden contratos habitualmente con técnicos por toda España. En caso que no aparezca consulte nuestro servicio de atención al cliente para obtener más información.

  26. Joshua Sharp says

    What’s up it’s me Fiona, I am also visiting this web site regularly, this website is genuinely pleasant and the visitors are actually sharing pleasant thoughts.

  27. Warren Dyer says

    Thanks for expressing your ideas. The one thing is that individuals have a selection between fed student loan plus a private student loan where it really is easier to select student loan debt consolidation reduction than through the federal student loan.

  28. Sally Hughes says

    Thanks for your interesting article. One other problem is that mesothelioma cancer is generally attributable to the breathing of fibres from mesothelioma, which is a dangerous material. It can be commonly noticed among staff in the structure industry who may have long exposure to asbestos. It can also be caused by residing in asbestos protected buildings for some time of time, Genetics plays a huge role, and some persons are more vulnerable for the risk as compared with others.

Leave a Reply

Your email address will not be published.