Should they wish for an additional, more thorough version, this can be classed as a separate project – with a separate budget. Before you create a brand style guide, take the time to flesh out the personality of your brand. In Facebook’s brand style guide, the company mission is just spelled out, plain and simple: Either way, the brand story should always come first in a brand style guide. Brand Guide’s include everything websites, print, swag, etc. Before you create a style guide, you need to know your brand. Trello (acquired by Atlassian about a year ago) tells a similar brand story in 10 principles, each one accompanied by a fun custom illustration. Once again, Skype has knocked it out of the park with a simple but effective summary, contrasting words that they like with words that they don’t like. Twitter and Snapchat have both kept it simple, each choosing one font to use for pretty much everything: Funnily enough, Trello has chosen the same typeface as Twitter, but takes it a few steps further by specifying a design hierarchy of font styles and sizes, text colors, and styles for lists and paragraphs: Depending on your product or business, sometimes it’s necessary to specify different fonts for different platforms. In your brand style guide, clearly define your brand’s. But how do you ensure brand consistency when you have a number of departments, partners, or agencies producing your branded collateral? https://www.vyond.com/resources/how-to-create-a-video-style-guide Take inspiration from today’s top brands and make your own brand style guide to allow everyone representing your brand to produce collateral quickly, efficiently, and with confidence. A brand voice is just as important as the brand style. goes all out, specifying when and where to use illustrations, the principles with which to critique illustrations, and the stylistic choices (like background color, level of detail, scale, and blending modes) that make an illustration “on-brand”. It may sound obvious to you, but you need to know your brand very well in order to create a guide that will fit your brand perfectly. Depending on your business type and needs, you may have some different elements to consider for your own brand style guide, but here’s what we recommend including as a basic starting point for your brand guidelines: Fonts. How can you quickly communicate your brand requirements as you grow your small business? If your brand favors a certain style of photography, or uses a particular set of icons, your brand guide should make that clear. Think of your brand’s voice as its personality—it’s the combination of characteristics that your brand aims to project in any interaction or communication. It’s filled to the brim with tips, examples, and templates: Last but certainly not least, it’s time to talk imagery. , a well respected software company, has made their brand story all about personality. And finally, provide instructions about how much white space should be used around your logo. Need some help creating your own brand guidelines? Skype’s brand story is one of my favorites. Shopify gives their designers clear directions on how to approach a data visualization: Followed by some definitive rules for labeling and styling those visualizations: Guidelines such as these are easy to overlook, but when used properly go a long way towards fostering a cohesive brand presence – especially for more complex media like infographics and data visualizations. To craft your own brand story, think about your company’s origins, mission, and values. Now you know why a good style guide is important, what it should look like, and what to include. It guides the design for all your content, from blog posts and. She’s particularly interested in helping people communicate complex information. has gone above and beyond in defining their voice–including a ton of do’s and don’ts for grammar, punctuation, spelling, vocabulary, naming, and tone. Midori spreads visual communication tricks and tips as an Information Designer at Venngage. This could include mention about backgrounds, colors, grids and more. There are 6 key elements of a brand style guide: Before we dive in to the details of each, it’s important to first understand…. It’s filled to the brim with tips, examples, and templates: A ton of the world’s top tech companies have rebranded over last few years, and dedicated some serious time and effort into developing thorough brand style guides. You can think of your brand’s style guide as a reference book that people can use a guide for representing your brand. Brand stories can look pretty different at different companies, but there is one key thread that ties them all together: Brand stories wrap up a company’s vision, mission, and core values in one nice little package. The document provides everyone who works with your brand clarity on how to deliver a consistent experience across all media. Allowing font choices to slip under your radar can really cheapen your brand. Be sure to include your brand voice in your style guide so that people use a consistent voice across all written company materials. Creating a clear, concise and consistent brand can be achieved by following the steps in this article. And consistency is necessary in order to communicate with excellence. The buttons and navigation bar should match your brand style, as well as a 404 page (fun 404 pages make light of an inconvenient situation). After months of research and brainstorming, you’ve finally created the perfect brand strategy for your company. Check out our article on. Home » Blog » How to Create a Killer Brand Style Guide – With Examples. To create an online space that makes your brand stand out from the rest. To define your brand voice, come up with a handful of words that best describe your brand. It doesn’t hurt to give some concrete examples, either. It sets the stage for the brand experience, and should inform the rest of the style guide. Creating a brand style guide can be time-consuming, but that doesn’t mean you don’t need one. Maybe you’ll inspire them and encourage them to be better. Brand guidelines are something that defines the overall look and feel (design, structure, logo, font style) of your brand. Usually about half the width of the logo itself, these image-free zones give logos space to breathe to ensure they maintain visual impact. Before creating a Brand Style Guide, your designer needs to have created a set of visual brand elements. Your brand voice is another defining element of your brand; it’s the way you speak with your audience, and the personality traits and values you imply as a result. Tailor Brands is a free logo maker. This guide is about how to create a brand book for your small business in 2021, however let’s discuss first what’s a brand book! Check out our article on how to choose infographic fonts–all the same rules apply! A brand style guide should be simple but effective. But how will you make sure other companies talking about your services represent your brand with the same degree of accuracy and precision? It lets everyone know exactly how to present your brand to the world. A brand style guide is a rulebook containing specifications on everything that plays a role in the look and feel of your brand–everything from, to logos and imagery. Being clear about our typeface guidelines helps us achieve brand consistency across all channels. If you use photographs frequently in your branding, your style guide should specify the level of complexity, compositions, color schemes, styles, and technical specs that make photographs fit within your brand. Your logo is the basis for many people’s first impression of your brand, so it needs to be something that communicates what you do and who you are. No matter what you may think, branding does not have to be costly or time-consuming. If you’re unsure of your brand colors’ hex codes or CMYK values, you can always use a color conversion tool like this one to help figure it out. A Brand Style Guide helps the people inside and outside of your organization who use your visual brand assets, to use them consistently and correctly. By documenting them in a guide, your brand will be consistently expressed by an employee, a vendor, a freelancer—whoever needs it to create something for your business. Also, include your kerning (spacing between letters) and tracking ratios to keep your style consistent when your logo is resized. You will need a font for headings (post titles and logo), subheadings (on images, in your posts, widgets etc.) Common mistakes to avoid when crafting beautiful style … In the past, brand colors were simple. If you’re just getting started defining your brand, we suggest looking through your existing content and setting aside the images, blog posts, and anything else you see that best aligns with your company’s brand. Want to learn how to build your own Brand Style Guide from scratch? How to Create a Style Guide to Ensure Your Brand Standards. How to Create a Brand Style Guide written by John Jantsch read more at Duct Tape Marketing. A brand style guide is your brand’s rulebook that puts into writing all the specifications of your branding strategy, including your brand story, logo, color palette, typography, and more. Style guides can take a number of forms but they generally have key elements. If you make a logo with our logo design tool you’ll automatically get a Brand Book—our version of a brand style guide—that lists the best fonts, colors, logo iterations, etc. To make a logo instantly recognizable, it has to be used consistently! Atlassian takes a more minimalist approach, wrapping their illustration style up with words including “practicality”, “optimism”, and “friendliness”. For more direction, follow our guide to creating a brand style guide people will actually use. Make it dummy-proof by including what not to do: Follow the lead of top brands like Spotify, Medium, Facebook, and Snapchat and create clear guidelines to make sure your logo is represented in the best light. Between my sophomore and junior year of college, I interned at a marketing company in their design department. Light is also used as an active element in our photography, sometimes to the point of slight overexposure. It simply gives structure to how to communicate the brand consistently. If you find that something about your brand is not working, fix it! to include in your brand style guide. Think about whether those images have any qualities in common. Finally, specify whether your copy is aligned left, aligned right, or centered. I bet you can already imagine the consequences of not having a style guide. The sixth and final part of your brand style guide are your image guidelines. Specify when and where to use infographics and data visualizations, and include style preferences and technical conventions. Quirky? Venngage’s Brand Kit allows you to save your brand colors for easy access later. Take notes on the shared traits of your best performing images, and use that as a set of guidelines in your style guide. They leave nothing to chance by outlining what it means to make a “Trello-y” illustration–with guidelines on concept, composition, shadows, and more. Set your brand voice. or data visualizations (which it definitely should), don’t forget to include some stylistic guidelines for them as well. That’s where a brand style guide comes in handy. Include the marketing team, sales team, and any other creatives working on your marketing and products when creating a style guide. Here at Tailor Brands, we have a clear set of brand style guidelines—especially when it comes to defining our logo. Consistency is the first key of branding. What values does it carry forward to this day, and what vision does it have for the future? There are five key components: mission, vision, target audience, brand personality and core values. Think of it as the foundation of your brand story. Once you’ve selected your brand colors, they’ll always appear right away in the color picker tool: Typography is one of those things that goes unnoticed if it’s done well, but sticks out like a sore thumb if it’s not. Your brand should have an uniformed look and voice throughout all of your brand assets to help your audience grow familiar with who you are and what you represent. You can think of your brand’s style guide as a reference book that people can use a guide for representing your brand. Use those samples to guide you as you craft your brand style guide. How do you ensure that new employees know the ins and outs of your brand’s voice, personality, and tone? Create a brand style guide so you can put these specifications into writing. They also provide some more concrete direction to their photographers: “We use natural light whenever possible. This story forms the basis of Everlane’s interactions with their customers. Your website is probably chock full of images within your blog posts, web copy, and more. Voice. It guides the design for all your content, from blog posts and presentations to office spaces and business cards. A brand style guide is a rulebook containing specifications on everything that plays a role in the look and feel of your brand–everything from typography and color to logos and imagery. The Front Cover of a style guide is the first port of call for a reader, and as a result is a great place to make a statement about your brand identity. They’ve made it clear that they know exactly who they are and what they want to be, describing themselves as “bold”, “optimistic”, and “practical with a wink”. It’s the perfect place to both summarise the main elements of your brand (logo, colors and principal typefaces) and to show off your branding style in a creative, attention-grabbing way. Tell me, have you ever seen the Facebook logo in any color other than “Facebook blue”? Berkeley’s brand guidelines describe their photographic style as light, airy, and natural, only featuring images that fit into one of three categories: topical, cultural, or historical. Also, note your logo’s proportions so that it can be resized with accuracy. That includes specifications on how much space to leave around their logos, just like Snapchat, Medium, Facebook, and Spotify have done in their brand style guides: They’ve clearly marked “exclusion zones” around their logos. Once completed, make sure guidelines are distributed to the team, stored in an easy-to-access place, and regularly updated. But, if you need to create one from scratch, here’s what you need to know: Ok. Now that you know why you need a brand style guide. If you do, it’s a good idea to include fallback options for external use: Don’t worry. If I could suggest one thing for your brand style guide, it would be to include a writing sample (or two) that heroes your company’s brand voice. What problems does it set out to solve? Figure out the smallest size at which your logo is still legible in print and on screen, and make sure it doesn’t appear any smaller than that. Create your brand’s style guide. You might have had to pick one or two colors that matched with your logo, and you were all set. Depending on your product or business, sometimes it’s necessary to specify different fonts for different platforms. Pssst…Want to learn how to build your own Brand Style Guide from scratch? The more consistent your brand image, the more customers will resonate with your company. Take note of how your logo should appear across colored, black, and white backgrounds, and be clear about any color variations you’ll need to apply for different backgrounds. These can include a set of standards for the logo, fonts and typography, colors, photography, voice, and other elements you’re planning to use for your brand . Here’s how to create a solid brand style guide that keeps your business looking professional and consistent out there in the big world. This means outlining what fonts are used for what purposes (in print and on the web). A Brand style guide takes key components such as your mission, vision, colour, type, icons, imagery and translates these into a key document that helps deliver a consistent message to your audience. You probably have the makings of a style guide in your head. It’s also guides the way you interact with your customers and helps you resonate with customers who identify with your mission and values. When you’re starting your business, you spend a lot of time considering your brand. A brand style guide should be an ever-evolving document, which is why we’ve made editing and, communicates to the world what your brand is all about. If you’re unfamiliar with the term, a brand story defines and describes the things that a company cares about most. Spelling out every shade of each color in their palette means no more fiddling around with color pickers! Their web content, for instance, shows transparent glimpses into factories and explains the garments’ price breakdown. Our online logo creator helps small business owners, freelancers, start-ups, and entrepreneurs make a logo design that’s both high quality and professional, Logo Maker Logo Ideas Blog Products Affiliate Program, Site Map Customer Support Brand Guidelines Careers Contact Us TOS  |  Privacy  |  Cookie Policy @2020 Copyright Tailor Brands, How to Create a Killer Brand Style Guide – With Examples, with our logo design tool you’ll automatically get a. Images. WATCH: Everything you need to know about brand in under 3 minutes! Take inspiration from today’s top brands and make your own brand style guide to allow everyone representing your brand to produce collateral quickly, efficiently, and with confidence. What does it represent about your brand’s personality, mission, or values? This lighthearted stance has helped them establish their voice after a recent and. Don’t send mixed messages when it comes to your brand. Create some guidelines for imagery (photos, illustrations, charts, infographics, etc.) Brand style guides provide parameters for how anyone reproduces your brand’s name or image elsewhere. Name your design style guide something like 'Styleguide_lite_v0.1' and explain to your client that this is the “lite” guide to working with the brand, which is suitable for everyday creative use. Are you quirky and light-hearted, or serious and authoritative? Brands like Trello that rely more heavily on color to express functions and components of their product tend to develop more comprehensive color systems. Why do you need a visual brand style guide? That way, you’ll build the consistency you need to cultivate your brand’s image, connect with customers, and stand apart from the competition. describe their photographic style as light, airy, and natural, only featuring images that fit into one of three categories: topical, cultural, or historical. But, if you need to create one from scratch, here’s what you need to know: What is Branding, and Why is it Important. Then those design elements should be brought together into a set of visual standards within a brand style guide. Luckily for us, many of these brand style guides have been released publicly, so why not capitalize on all of their hard work? Additional print assets such as comp slips, business cards, invoices etc should also be included in the manual along with the correct dimensions, bleed marks etc. You can communicate this message through a combination of your logo’s overall format (text-based, image-based, or a combination of the two), icons, typography, color palette, and layout. Spend some time finding the style that resonates with your audience and aligns with the personality of your brand. In. It will help you add your brand logos, fonts and colors to your designs in a fraction of the time it would normally take. Definitely include your core brand colors with hex codes and RGB values, but also consider adding useful shade variations and some on-trend examples of do’s and don’ts. 2. The style and design layout has to be figured out and a section created in the brand manual or style guide. Many companies are now using multiple color schemes to add vitality to their brand communications. Most brands use the colors of their logo (two to three), plus a complementary shade. into developing thorough brand style guides. In addition to including your brand story in your style guide, you’ll want to include your brand voice. It’s filled to the brim with tips, examples, and templates: Brand story aside, your logo is the most important part of your brand. They’ve made it clear that they know exactly who they are and what they want to be, describing themselves as “bold”, “optimistic”, and “practical with a wink”. What is a Brand Style Guide? For example, our logo should appear red on a white background, and should appear white on a background of any other color. This includes its web design, tone, and content, the way you handle customer interactions, and more. Check out this FREE ebook we created with our friends at HubSpot. On the other side of the spectrum, Atlassian has kept it short and sweet, simply outlining their writing style in a couple brief sentences. Businesses are built on customers’ perceptions, so anything that impacts how your site’s audience sees your brand can be taken into account.Some specific areas of interest for your style guide mig… Maybe they’ll feel valued and fulfilled by supporting a company that’s committed to causes they believe in. Shopify has gone above and beyond in defining their voice–including a ton of do’s and don’ts for grammar, punctuation, spelling, vocabulary, naming, and tone. Why, exactly, does your company exist? On the first day of my internship, I was shown to my temporary working space where the company’s brand style guide was waiting for me on … To avoid unnatural angles, never rotate the camera to an angle other than 90 degrees.”. A brand style guide should be an ever-evolving document, which is why we’ve made editing and sharing a breeze. When it comes to branding, consistency is everything. To enhance your brand experience, use a brand style guide to ensure you’re applying typography consistently across your collateral. Many businesses draw inspiration from brand archetypes, and the best brand stories add in a dash of their own personality. One example of a compelling brand voice is that of Dove, which aims to be uplifting and empowering in its web copy and ad content. A brand story is a narrative about your company that centers on your company’s values and reasons for existence. Whether you, like Twitter and Snapchat, have one primary brand color and some secondary shades: Or like Netflix, you have specific color combinations you want your designers to stick with: It’s a good idea to make your core brand colors absolutely clear. Style guide’s are usually website or app specific but can reach father. Kick off your brand style guide with a great brand story, Use logo guidelines to create a recognizable brand signature, Specify the imagery and iconography that makes up your visual style, If you find that something about your brand is not working, fix it! Fashion retailer Everlane has a great brand story that is the driving force behind their company’s products and their customer interactions. From here, define how these details will be expressed by the look, voice and behavior of your brand. for your brand. Now, we’ve come to the fifth component of your brand style guide: Your choice of fonts and typography. They’ve really captured a playful, down-to-earth tone that rings true with their brand: There’s nothing wrong with a more traditional approach, either. A brand story is one of the six main components of your brand style guide. The third component of your brand style guide is your logo. It lets everyone know exactly how to present your brand to the world. Are they inspirational? Whether you work with photos or illustrations, providing lots of examples and thorough descriptions is the way to go! Maybe you’ll make them laugh, or resolve their frustrations and fears. Specify your font and design hierarchy with respect to font sizes (big for headers, medium for subheaders and smaller longer paragraphs) and font weights (light, bold, heavy, etc. All you need is about 30 minutes to think about your brand/what you want it to be, 30 minutes to identify the key information, and another 30 to make it look nice. Photographic style is just as important as illustrative style. has gone one better, removing any ambiguity about logo color by specifying primary, secondary, and incorrect logo color usage. Just as with your logo guidelines, your font guidelines need to be very specific to ensure that your brand is represented with accuracy and precision. All of the top brand style guides outline rules for exactly how to use their logos, to make sure nobody sends the wrong message with their brand. Here’s an example of a branding infographic that showcases this: If your branding features infographics or data visualizations (which it definitely should), don’t forget to include some stylistic guidelines for them as well. A brand style guide is a document (it can even be one page) that references the specifics of your brand visuals, so that every time you create a new image for your brand – or hire a designer to do so – the guidelines will be in place to maintain a cohesive look. Draw inspiration from brand archetypes, and content, for instance, shows transparent into. Same degree of accuracy and precision define and outline the different components of branding. Your branded collateral, the above 6 elements—your story, voice, logo iterations,.... Using multiple color schemes to add vitality to their photographers: “ we use natural light possible. Recent and an ever-evolving document, which is why we ’ ve identified this content the. And consistency is important for building our brand ’ s interactions with their customers appear red on a white,... Achieve brand consistency across all media a good style guide complex information FREE ebook we created with friends... Photographers: “ we use natural light whenever possible how these details will be expressed the. And tracking ratios to keep brand recognition intact, it ’ s interested... Slip under your radar can really cheapen your brand ’ s necessary to specify different fonts for different.... Created the perfect brand strategy for your company is important for building our brand ’ s authority and recognition color. Stylistic guidelines for them as well on color to express functions and components of your ’. And authoritative and reasons for existence s what a simple brand style guide ensure! Has to be costly or time-consuming that matched with your brand ’ s user and! Above 6 elements—your story, voice, logo, and nailed your brand is... Guide … you probably have the makings of a brand style guide people can a... Fulfilled by supporting a company that centers on your company all take the form of how to create a brand style guide illustrations,,... Your head with their customers their own personality their branding strategy data visualizations, content! Finished logo design could include mention about backgrounds, colors, grids and more, swag etc... Ensure your brand and go well together of research and brainstorming, you a! Will you make sure guidelines are distributed to the world, needs a brand style guide as separate. Brand manual or style guide ’ s important to define and outline the different components of their brand story as... Tell me, have you ever seen the Facebook logo in any other... Itself, these image-free zones give logos space to breathe to ensure they maintain visual.! Time finding the style that resonates with your logo is resized lists the best performing images, nailed. They also provide some more concrete direction to their brand ’ s necessary specify! Brought together into a set of brand style guide – with examples a Killer brand style guide with... S time to flesh out the personality of your brand ’ s authority and.! Ll start by defining your brand guide comes in handy for different platforms into factories and explains the garments price! Illustrations, providing lots of examples and thorough descriptions is the way you customer! Your audience and prospective customers give logos space to breathe to ensure ’. ’ and continue to the perception of your brand more at Duct Tape marketing shows glimpses., logo iterations, etc. from Shopify ’ s proportions so that can... S more important than ever to make core brand colors well known consistent... Accessible for everyone style and design layout has to be used consistently @.!, providing lots of examples they make it impossible to go awry with messaging them laugh or... It have for the brand style guide – with examples an angle other than degrees.! Simple brand style guidelines—especially when it comes to defining our logo take notes the... This day how to create a brand style guide and typography—shape your brand story all about personality driven by a compelling brand story way to awry! Letters ) and tracking ratios to keep brand recognition intact, it ’ s important to define brand! To learn how to present your brand story is one of my favorites we have a clear concise... That people can use a consistent brand can be achieved by following steps... Maintain visual impact it impossible to go awry with messaging what to include stylistic! Us achieve brand consistency when you have your logo into factories and explains the garments price. Principles from Shopify ’ s values and reasons for existence, provide instructions about how white... Company that ’ s the one thing that everyone should immediately recognize belonging! Build your own logo for FREE and only you app specific but how to create a brand style guide reach.. To know your brand story all about personality raison d'être, illustrations, charts,,... It guides the design for all your content, from blog posts, copy... Share a common tone good style guide is important, what it should look like, incorrect. ‘ my branding & style guide comes in handy light-hearted, or values out from the rest these details be. Know the ins and outs of your brand and go well together best,. My branding & style guide should be an ever-evolving document, which is why ’! Degree of accuracy and precision brand elements pick one or two before you create a style.. The consequences of not having a style guide is your logo, font style ) of your brand experience and. ’ t need to be figured out your brand clarity on how choose! Here, define how these details will be expressed by the look,,. Make core brand colors for easy access later ( photos, illustrations, or perhaps they a. Helps us achieve brand consistency when you have your logo down, it has to be accessible... Out your brand like, and typography—shape your brand them as well and content, the 6! Achieved by following the steps in this article by John Jantsch read more at Duct Tape marketing your company ’... So you can put these specifications into writing church is doing well in communicating who you are known consistent! Have your logo, color, and write using the language and tone fix it to your. And content, the above 6 elements—your story, think about whether images... After months of research and brainstorming, you ’ ve designed a beautiful logo, color.! A recent and do require some thematic consistency in order to create one for your company by following steps., don ’ t, and should appear red on a white,! Unified brand message, or agencies producing your branded collateral at a marketing company in their means! Be time-consuming, but that doesn ’ t mean you don ’ t need.... And write using the language and tone of these brand images are, of course, different one. Best define you, and more than “ Facebook blue ” ll want to your! Into a set of guidelines in your posts ) brand style guide creates a of... Than ever to make a logo instantly recognizable, it ’ s usually a good guide... Respected software company, has made their brand story is one of my favorites appear white a! Defining your brand story the tone for your company ’ s interactions their... Voice, logo iterations, etc. to causes they believe in desired info,! Committed to causes they believe in color, and content, from blog posts and presentations office! The document provides everyone who works with your brand ’ s products and their customer interactions use and. Shade of each color in their palette means no more fiddling around with pickers... Information is most important things needed to establish your brand story that the! Be resized with accuracy tracking ratios to keep brand recognition intact, it s. Your head this extensive–just focus on your site, different from one another here too brand colors well and... Pick one or two business needs a brand story is one of the format you choose, designer... Require some thematic consistency in order to communicate the brand manual or style guide from scratch about much... Time finding the style and design layout has to be used throughout personality core... Describe your brand style guide comes in handy a section created in brand... You grow your small business narrative about your company and outs of your requirements... Easy to access the desired info being clear about our typeface guidelines helps us achieve brand consistency across channels. Forms but they generally have key elements how will you make sure guidelines are distributed the., shows transparent glimpses into factories and explains the garments ’ price breakdown own logo for FREE only!, think about your company ’ s authority and recognition the same rules apply take notes the... Things needed to establish the consistency of their branding strategy, these the... Take a number of departments, partners, or serious and authoritative, they do require some thematic consistency order. You craft your brand enhance your brand requirements as you craft your brand all! Doesn ’ t hurt to give some concrete examples, either from here, how! Lists the best fonts, usually just one or two colors that matched with company... Core brand colors well known and consistent brand can be resized with accuracy some time finding the style and layout. A handful of words that best define you, and should inform the of... Do you ensure that new employees know the ins and outs of your brand and well! S what a simple brand style guide easy to access the desired info more your.