Winning Digital Products | TEESBUBLIC

 If you thought style guides were purely limited to corporate or retail brands, boy, were you wrong. This manual was created for the video game Child of Light and is as meticulously detailed and compiled as any corporate brand. This guide explains each decision in detail and deconstructs the logo in an understandable way, shedding some light on the process for anyone involved in the game’s creative direction. Remember: wherever there’s a brand there should be a brand manual. Have a look at the guidelines and development via Behance.

 Mininal design with a distinct color palette, like the Purple Minimalist Production Brand Guideline Presentation template, can rock your brand guidelines.

 The last thing you want with your manual is for your explanations to be skimmed over or even worse – completely unread. This manual by Cisco avoids this by putting their reasonings and explanations into an interactive website. Not only do they provide the usually approved color palettes and font type, but they also have a vast library of approved photos, audio, and video that can be used any time without fees.

 While a majority of brand marks concerns what to do with a brand, just as important is some outlines for what not to do. This manual for charity group Don’t Use Me outlines both the do’s and don’ts when it comes to their brand with some diagrams and examples that make it all pretty easy to understand at a glance. Don’t be afraid to throw in as many visuals as you can, visual examples help avoid any miscommunications, after all. Check out Don’t Use Me’s brand manual here.

 While you may benefit from a simpler design that puts the information in the forefront, don’t be afraid to experiment with using your own rules in your style guide. Check out this manual for Double Knot that uses the established colour scheme and typesetting rules right throughout the manual, making the manual itself a whole example of the brand rules. Have a read of it all via Stylo.

 Add some illustrations or icons to emphasize your brand. Check out the Yellow Notes Blue Brand Guidelines Presentation template.

 When it comes to creating a manual that covers a big brand, it can be tricky to include all aspects of it, not forgetting about all the sub-brands too. For a good example on how to cover all bases, check out this manual by the easyGroup. easyGroup covers a big handful of groups such as easyJet, easyMoney, easyAirtours etc. and each of these subgroups has been discussed and explained in this simple but detailed brand manual. Of course, the bigger the brand, the bigger the manual, so don’t leave out any important elements to keep the manual short. Check out the entire easyGroup manual over here.

 If you’re looking for a sophisticated brand manual design that combines form and function, look no further than the Firebrand logo. A clean, clear and sophisticated design that covers all branding bases, the Firebrand style guide has a design that complements the sleek design of the brand and is easy and pleasant to flip through. For more inspiration on blending stylish design and informative content, check out the Firebrand manual.

 Just as we can see in this sophisticated style guide from Fitt Lab, it’s always a good idea to break down your design elements and deconstruct them for the reader of your manual. This can give readers an idea for how the logotype should look, how to spot irregularities, how to regulate logotype kerning etc. Remember: the more thoroughly you cover your bases, the stronger your final manual will be and the less chance that there will be any mistakes or inconsistencies in your final brand. Check out the Fitt Lab guidelines for some deconstruction inspiration.

 You can use your brand's main color to act as an accent for your design. Check out the Yellow Blocks Brand Listing Presentation template.

 Chances are that your brand is going to be applied on more than one medium, so think ahead, think of any possible or guaranteed branding applications and include them in your manual. This manual for Fogg has done just this, with application examples ranging from letterheads through to smartphone app icons. Your brand won’t be able to grow if your design doesn’t anticipate growth! Get inspired to include an array of applications with Fogg’s brand manual.

 Ever heard the term ‘pixel perfect’? Well, it’s a phrase Google not only use to describe their icons but one that they execute. Google is, of course, a huge brand, so their visual asset manual alone is detailed and meticulous, covering all bases, right down to the way individual pixels should be used when creating icons. Don’t be afraid to hold your brand to a high standard (as long as you have a good reason). Read more about the evolving identity of Google here, and check out the Google Brand Permissions page.

 Don’t be afraid to use some imagery in your manual, as long as it complements and enhances your brand and information. A good example is Hanes’ colour palette page from their own brand manual. By including an image next to the swatches from the primary colour palette, Hanes’ palette is given meaning and a nicely visualised example. Have a look at Hanes’ use of fitting and complementary imagery in their manual.

 The Salmon Pink Geometric Minimalist Brand Guidelines Presentation template uses images not just for emphasizing points, but also to just show off their product.

 Who said style guides have to be entirely black and white? If your brand has a distinct colour, don’t be afraid to flaunt it around your manual just as has been done with Heineken’s style guide. Heineken has a detailed and well-arranged set of guidelines, all bound within a gradient of the Heineken green, keeping that brand identity strong.

 On the topic of colour, check out the flamboyant layout for iO’s brand guidelines. Since the iO style guide breaks down the construction of these sharp gradients, it makes sense that they’d exemplify how to use them throughout the style guide itself. These gradients have been used predominantly on the divider pages, making the manual as a whole much easier (and more attractive) to navigate. Have a read over here.

 Does a large part of your brand deal with photographic elements? Well, a style guide is your chance to lay down the law and explain exactly how you want the photography to be treated. This manual for the Jamie Oliver homeware and food brand runs through the basics of branding, the do’s and don’ts of logos, but it also delves deep into the use of imagery, right from the specific images to use, down to the correct way to colour and use them in communication. Check out the meticulous rules set in this guideline via Issuu.

 Does your brand require a set uniform for its workers? If so, a style guide is your place to explain the ins and outs of each item. If you need some inspiration for this, be sure to have a look through Luvata’s manual, which runs down everything from uniforms, and even through to equipment and vehicle branding. This style guide takes care to specify the colour, branding, and style of each piece of uniform for each individual sector of Luvata. Talk about attention to detail. Have a browse through the project via Behance.

 If you’re a newbie to style guides, you might be asking why is it so important to show the construction of the logo? Especially when many brands note to never try to replicate the logo. Think of it similarly to the way packaged foods have ingredients listed on them – not so that you can recreate these foods yourself, but to allow consumers to be aware of the contents. In a similar way, a detailed deconstruction of the logo just as Macride has done here allows designers to spot any irregularities in logos, so if a designer suspects a logo is the wrong colour value, compiled wrong, has the wrong typeface etc. they can refer to the construction to double check. So, a detailed rundown of the colours, gradients and typesetting of your logos can save you from inconsistencies in branding in the long run. For a good example of logo deconstruction, check out Macride’s style guide.

Fitness Planner PLR

 A majority of people learn and understand concepts better when given direct visual examples, so why not capitalise on that opportunity within your style guide just as has been done in the Medium style guide. Medium includes specific explanations and diverse examples to really bring home the brand guidelines. Have a read through their typographical explanations where they exemplify how to set headings, body copy and pull quotes with easy to navigate examples. Just keep in mind: there’s no such thing as a concept explained too thoroughly. Check out Medium’s brand manual here.

 Make your brand guideline enjoyable for your people to go through. Check out the Hot Neons Gradients Brand Guidelines Presentation template.

 There’s a brand for just about everything in today’s world, and just as was mentioned before, wherever there’s a brand, there should be a brand manual. The City of Melbourne has a distinct and flexible branding, where the ‘M’ brand mark is given new patterns and colours to suit various applications. But, this flexibility doesn’t mean that The City of Melbourne is able to skimp on their do’s and don’ts list, in fact this means they need to be more precise in their rules to avoid this flexibility turning into liability. The City of Melbourne brand manual specifies colours that are safe and not safe to use, effects that are okay and not okay etc. In fact, this style guide is so meticulous that it specifies how to name digital files. When in doubt, add some detail. Have a read of this manual via Issuu, or read how Landor Associates went through the process.

 This manual is another fictional example created as a personal project by designer Diego Guevara for the Miami Football Club. Again, this example is as well-created and detailed as any ‘official’ manual design. Guevara has gone into extreme detail for every facet, from the logo construction, meaning and inspiration, through to the uniform branding and applications. All topped off in a beautifully designed style guide, this is an impressive example (especially when you read that Guevara completed it in one week). Have a read through over here.

 If you’ve ever had a doubt about how meticulous Nike’s branding team are, have a look at this brand manual for just one division of the Nike group. Nike Pro Services is an elite invitation-only service offered by Nike that offers runners access to expert opinions and services usually reserved for professional athletes. Designed by Manual Creative, this manual is one that manages to walk that fine line between beautifully designed and densely packed with information. Check it out here.