{"id":10167,"date":"2024-02-15T10:50:48","date_gmt":"2024-02-15T10:50:48","guid":{"rendered":"https:\/\/blogadmin.merch.vpsvc.com\/hub\/?p=10167"},"modified":"2024-09-27T13:17:27","modified_gmt":"2024-09-27T13:17:27","slug":"how-to-create-a-brand-style-guide","status":"publish","type":"post","link":"https:\/\/blogadmin.vpsvc.com\/hub\/how-to-create-a-brand-style-guide\/","title":{"rendered":"How to create a brand style guide"},"content":{"rendered":"\n<p>A brand style guide takes the heart and soul of your brand\u2014your mission, vision and values\u2014and translates it into design. It also tells everyone exactly how to communicate your brand. So how do you create&nbsp;a brand style guide? We\u2019ll show you how in five steps!<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><a href=\"#whatis\">What is a brand style guide?<\/a><\/strong><\/li>\n\n\n\n<li><strong><a href=\"#components\">Key components&nbsp;of brand identity<\/a><\/strong><\/li>\n\n\n\n<li><strong><a href=\"#howto\">How to create a brand style guide<\/a><\/strong>\n<ol class=\"wp-block-list\">\n<li><a href=\"#inspo\">Find inspiration<\/a><\/li>\n\n\n\n<li><a href=\"#essentials\">6 elements of a brand style guide<\/a><\/li>\n\n\n\n<li><a href=\"#others\">Other brand-specific needs<\/a><\/li>\n\n\n\n<li><a href=\"#build\">Outline &amp; build the book<\/a><\/li>\n\n\n\n<li><a href=\"#evolution\">Plan for evolution<\/a><\/li>\n<\/ol>\n<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><a name=\"whatis\"><\/a>What is a brand style guide?<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img width=\"724\" height=\"1024\" data-public-id=\"ideas-and-advice-prod\/blogadmin\/Your-Brand-Style-Guide-Final-Design2x\/Your-Brand-Style-Guide-Final-Design2x.jpg\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/vistaprint\/images\/w_724,h_1024,c_scale\/f_auto,q_auto\/v1727434160\/ideas-and-advice-prod\/blogadmin\/Your-Brand-Style-Guide-Final-Design2x\/Your-Brand-Style-Guide-Final-Design2x.jpg?_i=AA\" alt=\"brand style guide including information on brand story, logo design, typography, color palette, visuals and brand voice\" class=\"wp-post-10167 wp-image-23566\" data-format=\"jpg\" data-transformations=\"f_auto,q_auto\" data-version=\"1727434160\" data-seo=\"1\" data-responsive=\"1\" srcset=\"https:\/\/res.cloudinary.com\/vistaprint\/images\/w_724,h_1024,c_scale\/f_auto,q_auto\/v1727434160\/ideas-and-advice-prod\/blogadmin\/Your-Brand-Style-Guide-Final-Design2x\/Your-Brand-Style-Guide-Final-Design2x.jpg?_i=AA 1810w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_1648,h_2330,c_scale\/f_auto,q_auto\/v1727434160\/ideas-and-advice-prod\/blogadmin\/Your-Brand-Style-Guide-Final-Design2x\/Your-Brand-Style-Guide-Final-Design2x.jpg?_i=AA 1648w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_1448,h_2048,c_scale\/f_auto,q_auto\/v1727434160\/ideas-and-advice-prod\/blogadmin\/Your-Brand-Style-Guide-Final-Design2x\/Your-Brand-Style-Guide-Final-Design2x.jpg?_i=AA 1448w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_1248,h_1765,c_scale\/f_auto,q_auto\/v1727434160\/ideas-and-advice-prod\/blogadmin\/Your-Brand-Style-Guide-Final-Design2x\/Your-Brand-Style-Guide-Final-Design2x.jpg?_i=AA 1248w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_1048,h_1482,c_scale\/f_auto,q_auto\/v1727434160\/ideas-and-advice-prod\/blogadmin\/Your-Brand-Style-Guide-Final-Design2x\/Your-Brand-Style-Guide-Final-Design2x.jpg?_i=AA 1048w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_848,h_1199,c_scale\/f_auto,q_auto\/v1727434160\/ideas-and-advice-prod\/blogadmin\/Your-Brand-Style-Guide-Final-Design2x\/Your-Brand-Style-Guide-Final-Design2x.jpg?_i=AA 848w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_648,h_916,c_scale\/f_auto,q_auto\/v1727434160\/ideas-and-advice-prod\/blogadmin\/Your-Brand-Style-Guide-Final-Design2x\/Your-Brand-Style-Guide-Final-Design2x.jpg?_i=AA 648w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_448,h_633,c_scale\/f_auto,q_auto\/v1727434160\/ideas-and-advice-prod\/blogadmin\/Your-Brand-Style-Guide-Final-Design2x\/Your-Brand-Style-Guide-Final-Design2x.jpg?_i=AA 448w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_248,h_350,c_scale\/f_auto,q_auto\/v1727434160\/ideas-and-advice-prod\/blogadmin\/Your-Brand-Style-Guide-Final-Design2x\/Your-Brand-Style-Guide-Final-Design2x.jpg?_i=AA 248w\" sizes=\"(max-width: 1810px) 100vw, 1810px\" \/><figcaption class=\"wp-element-caption\">Your Brand Style Guide \u2013 Final Design2x<\/figcaption><\/figure>\n\n\n\n<p>A brand style guide is a rulebook that explains how an organization presents itself&nbsp;to the world through its logo, font and color selections, photography and much more. Put another way, it&#8217;s a reference&nbsp;tool that helps maintain consistency in what a&nbsp;brand looks, feels and sounds like. It\u2019s so powerful that some people even call it a brand bible, but don\u2019t let that intimidate you\u2014those are just different names for the same document.<\/p>\n\n\n\n<p>Using a brand book ensures that your brand looks and feels the same, even when you have different people working on customer service, marketing, design and sales.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Why are brand guidelines important?<\/h2>\n\n\n\n<p>Think of your brand identity as your company\u2019s personality. It\u2019s how the world recognizes you and begins to trust you. If you see someone change how they look and act all the time, you won\u2019t feel like you know who they are, and you certainly won\u2019t trust them.<\/p>\n\n\n\n<p>Imagine a co-worker who always wears a dress shirt tucked into slacks, with his hair cut neatly short. Now imagine if that same person walked into work one day unshaven, wearing cutoff jeans and sporting a new tattoo of a tiger riding a motorcycle through flames. It\u2019d probably feel uncomfortable because it\u2019s not what you\u2019re used to. You might even check in with him to make sure everything is okay.<\/p>\n\n\n\n<p>The same logic applies to brands: inconsistency will confuse and alienate your customers. A style guide is important because it helps your business communicate in a consistent way across all teams and channels.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><a name=\"components\"><\/a>The key components&nbsp;of brand identity<\/h2>\n\n\n\n<p>Before you create a style guide, you need to know your brand. There are five key\u00a0components: mission, vision, target audience, brand personality and core values.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-provider-youtube wp-block-embed-youtube\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to come up with a brand identity | 4 essential questions to ask\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/WKzFnWXQp1I?list=PLdPSU8H0ozfoWoTTQFxFh5pMH4C3doTke\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Together, these are the most important things needed to establish your brand identity because they tell the world what you stand for. All the other parts&nbsp;of your brand style guide are tangible elements that communicate those key&nbsp;components&nbsp;to the world through design.<\/p>\n\n\n\n<p><strong>Mission and vision:<\/strong> Write a mission statement about why your company exists and a <a href=\"http:\/\/www.businessnewsdaily.com\/3882-vision-statement.html\" target=\"_blank\" rel=\"noopener noreferrer\">vision statement<\/a> about where you want your brand to go. These can be big (you\u2019re going to change the world) or small (you solve a small, annoying problem), as long as they&#8217;re true to your brand.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img width=\"900\" height=\"929\" data-public-id=\"ideas-and-advice-prod\/blogadmin\/BrandReadyForStyleGuide\/BrandReadyForStyleGuide.png\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/vistaprint\/images\/w_900,h_929,c_scale\/f_auto,q_auto\/v1712842888\/ideas-and-advice-prod\/blogadmin\/BrandReadyForStyleGuide\/BrandReadyForStyleGuide.png?_i=AA\" alt=\"the steps to get a brand ready for a style guide\" class=\"wp-post-10167 wp-image-14037\" data-format=\"png\" data-transformations=\"f_auto,q_auto\" data-version=\"1712842888\" data-seo=\"1\" data-responsive=\"1\" srcset=\"https:\/\/res.cloudinary.com\/vistaprint\/images\/w_900,h_929,c_scale\/f_auto,q_auto\/v1712842888\/ideas-and-advice-prod\/blogadmin\/BrandReadyForStyleGuide\/BrandReadyForStyleGuide.png?_i=AA 900w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_848,h_875,c_scale\/f_auto,q_auto\/v1712842888\/ideas-and-advice-prod\/blogadmin\/BrandReadyForStyleGuide\/BrandReadyForStyleGuide.png?_i=AA 848w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_648,h_668,c_scale\/f_auto,q_auto\/v1712842888\/ideas-and-advice-prod\/blogadmin\/BrandReadyForStyleGuide\/BrandReadyForStyleGuide.png?_i=AA 648w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_448,h_462,c_scale\/f_auto,q_auto\/v1712842888\/ideas-and-advice-prod\/blogadmin\/BrandReadyForStyleGuide\/BrandReadyForStyleGuide.png?_i=AA 448w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_248,h_255,c_scale\/f_auto,q_auto\/v1712842888\/ideas-and-advice-prod\/blogadmin\/BrandReadyForStyleGuide\/BrandReadyForStyleGuide.png?_i=AA 248w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div>\n\n\n<p><strong>Target audience:<\/strong> Describe who your customers are and why they need you (i.e. how your products or services solve&nbsp;their problems). If you\u2019ve done market research, include any insights that could help your team communicate more effectively to your customers. Here\u2019s a deeper guide on how to define your target audience.<\/p>\n\n\n\n<p><strong>Personality:<\/strong> Make a list of 3-5 adjectives that describe your brand. This will set the tone for both design and writing. Are you sophisticated or quirky? Classic or trendy? Ask your team for input and perspective.<br>Tip: It can also be helpful to list 3-5 adjectives that your brand is not. In fact, many advertising agencies begin their branding projects with an \u201cIs \/ Is Not\u201d exercise.<\/p>\n\n\n\n<p><strong>Values:<\/strong> Determine the <a href=\"http:\/\/deliveringhappiness.com\/services\/10-steps-for-developing-core-values\/\" target=\"_blank\" rel=\"noopener noreferrer\">guiding principles<\/a> for company decisions and actions. Memorable values will make it easy for your team to stay on-brand.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><a name=\"howto\"><\/a>How to create a brand style guide in 5 steps<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><a name=\"inspo\"><\/a>Step 1: Collect brand guide inspiration<\/h3>\n\n\n\n<p>You\u2019ve heard the saying that a picture is worth a thousand words, right? Prep for your brand style guide by saving reference points that feel on-brand.&nbsp;<span style=\"line-height: 1.6\">For instance, in a <\/span>rebranding process<span style=\"line-height: 1.6\">, you can ask each team to create a <\/span>Pinterest board<span style=\"line-height: 1.6\"> to show what the core values mean to them. This is a great exercise that gets multiple people at a company involved and helps to create buy-in.<\/span><\/p>\n\n\n\n<p><strong>Think about:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>What\u2019s worked for your brand in the past? Collect examples of successful ads, emails, mailers, etc.<\/li>\n\n\n\n<li>What do other brands do that you like?<\/li>\n\n\n\n<li>What questions come up repeatedly? Keep track of recurring feedback. If you notice you\u2019re giving the same note to your writers and designers, it might be something useful to add to your style guide.<\/li>\n<\/ul>\n\n\n\n<p>These will give you concrete examples to define the look and feel of your brand.<\/p>\n\n\n\n<p>Make specific notes about what you like and don\u2019t like (e.g., the image is on-brand, but the text is not right). You may end up using some of these materials in the imagery or brand voice sections of your guide.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a name=\"essentials\"><\/a>Step 2: Define the 6 essential brand guide elements<\/h3>\n\n\n\n<p>Once you&#8217;ve gathered your inspiration, it&#8217;s time to start working with a designer to start putting it all together.&nbsp;Choose a designer&nbsp;who communicates well and makes you feel comfortable.&nbsp;Brand design is a process of discovery, and your designer will be your partner in that process. She may have ideas or offer input that you hadn&#8217;t considered.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img width=\"900\" height=\"1322\" data-public-id=\"ideas-and-advice-prod\/blogadmin\/BrandStyleGuide\/BrandStyleGuide.png\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/vistaprint\/images\/w_900,h_1322,c_scale\/f_auto,q_auto\/v1712842889\/ideas-and-advice-prod\/blogadmin\/BrandStyleGuide\/BrandStyleGuide.png?_i=AA\" alt=\"6 essential elements of a brand style guide\" class=\"wp-post-10167 wp-image-14039\" data-format=\"png\" data-transformations=\"f_auto,q_auto\" data-version=\"1712842889\" data-seo=\"1\" data-responsive=\"1\" srcset=\"https:\/\/res.cloudinary.com\/vistaprint\/images\/w_900,h_1322,c_scale\/f_auto,q_auto\/v1712842889\/ideas-and-advice-prod\/blogadmin\/BrandStyleGuide\/BrandStyleGuide.png?_i=AA 900w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_848,h_1245,c_scale\/f_auto,q_auto\/v1712842889\/ideas-and-advice-prod\/blogadmin\/BrandStyleGuide\/BrandStyleGuide.png?_i=AA 848w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_648,h_951,c_scale\/f_auto,q_auto\/v1712842889\/ideas-and-advice-prod\/blogadmin\/BrandStyleGuide\/BrandStyleGuide.png?_i=AA 648w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_448,h_658,c_scale\/f_auto,q_auto\/v1712842889\/ideas-and-advice-prod\/blogadmin\/BrandStyleGuide\/BrandStyleGuide.png?_i=AA 448w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_248,h_364,c_scale\/f_auto,q_auto\/v1712842889\/ideas-and-advice-prod\/blogadmin\/BrandStyleGuide\/BrandStyleGuide.png?_i=AA 248w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div>\n\n\n<p>There are six essential elements that need to go in every brand style guide. These should be the first things you prioritize with your designer. Some of this may already be created (like your <a href=\"https:\/\/www.vistaprint.com\/logo-design\">logo<\/a>). But for others, you&#8217;ll want to go back to your inspiration boards. A designer will help you take those moods, feelings and images and turn them into tangible brand elements.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Element 1: Brand story<\/h4>\n\n\n\n<p>Introduce your brand to the world. A simple summary will give people insight into the heart and soul of your company, which will help them understand how to represent your brand.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img width=\"1830\" height=\"855\" data-public-id=\"ideas-and-advice-prod\/blogadmin\/99dVisionMission\/99dVisionMission.png\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/vistaprint\/images\/w_1830,h_855,c_scale\/f_auto,q_auto\/v1712842892\/ideas-and-advice-prod\/blogadmin\/99dVisionMission\/99dVisionMission.png?_i=AA\" alt=\"99d vision and mission\" class=\"wp-post-10167 wp-image-14041\" data-format=\"png\" data-transformations=\"f_auto,q_auto\" data-version=\"1712842892\" data-seo=\"1\" data-responsive=\"1\" srcset=\"https:\/\/res.cloudinary.com\/vistaprint\/images\/w_1830,h_855,c_scale\/f_auto,q_auto\/v1712842892\/ideas-and-advice-prod\/blogadmin\/99dVisionMission\/99dVisionMission.png?_i=AA 1830w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_1648,h_769,c_scale\/f_auto,q_auto\/v1712842892\/ideas-and-advice-prod\/blogadmin\/99dVisionMission\/99dVisionMission.png?_i=AA 1648w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_1448,h_676,c_scale\/f_auto,q_auto\/v1712842892\/ideas-and-advice-prod\/blogadmin\/99dVisionMission\/99dVisionMission.png?_i=AA 1448w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_1248,h_583,c_scale\/f_auto,q_auto\/v1712842892\/ideas-and-advice-prod\/blogadmin\/99dVisionMission\/99dVisionMission.png?_i=AA 1248w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_1048,h_489,c_scale\/f_auto,q_auto\/v1712842892\/ideas-and-advice-prod\/blogadmin\/99dVisionMission\/99dVisionMission.png?_i=AA 1048w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_848,h_396,c_scale\/f_auto,q_auto\/v1712842892\/ideas-and-advice-prod\/blogadmin\/99dVisionMission\/99dVisionMission.png?_i=AA 848w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_648,h_302,c_scale\/f_auto,q_auto\/v1712842892\/ideas-and-advice-prod\/blogadmin\/99dVisionMission\/99dVisionMission.png?_i=AA 648w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_448,h_209,c_scale\/f_auto,q_auto\/v1712842892\/ideas-and-advice-prod\/blogadmin\/99dVisionMission\/99dVisionMission.png?_i=AA 448w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_248,h_115,c_scale\/f_auto,q_auto\/v1712842892\/ideas-and-advice-prod\/blogadmin\/99dVisionMission\/99dVisionMission.png?_i=AA 248w\" sizes=\"(max-width: 1830px) 100vw, 1830px\" \/><\/figure>\n<\/div>\n\n\n<p>The five key brand components&nbsp;we discussed earlier\u2014mission, vision, audience, personality and values\u2014can all be included. Or you may choose to only share some of that publicly.<\/p>\n\n\n\n<p>Gauge what to include by what would be most useful as a reference point. Everything else in your brand guidelines should hold true to these fundamental components.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Element 2: Logo guidelines<\/h4>\n\n\n\n<p>You may know what color your logo should be, but do you know how it\u2019s going to look in different environments? This section of your brand style guide ensures your <a href=\"https:\/\/www.vistaprint.com\/logo-design\">logo<\/a> is used in the way you intended. It also prevents mistakes\u2014like stretching, altering, condensing or re-aligning\u2014that could send the wrong message.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img width=\"1830\" height=\"633\" data-public-id=\"ideas-and-advice-prod\/blogadmin\/LogoEmojis\/LogoEmojis.gif\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/vistaprint\/images\/w_1830,h_633,c_scale\/f_auto,q_auto\/v1712842893\/ideas-and-advice-prod\/blogadmin\/LogoEmojis\/LogoEmojis.gif?_i=AA\" alt=\"brand guidelines dos and don&#039;ts\" class=\"wp-post-10167 wp-image-14043\" data-format=\"gif\" data-transformations=\"f_auto,q_auto\" data-version=\"1712842893\" data-seo=\"1\" data-responsive=\"1\" srcset=\"https:\/\/res.cloudinary.com\/vistaprint\/images\/w_1830,h_633,c_scale\/f_auto,q_auto\/v1712842893\/ideas-and-advice-prod\/blogadmin\/LogoEmojis\/LogoEmojis.gif?_i=AA 1830w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_1648,h_570,c_scale\/f_auto,q_auto\/v1712842893\/ideas-and-advice-prod\/blogadmin\/LogoEmojis\/LogoEmojis.gif?_i=AA 1648w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_1448,h_500,c_scale\/f_auto,q_auto\/v1712842893\/ideas-and-advice-prod\/blogadmin\/LogoEmojis\/LogoEmojis.gif?_i=AA 1448w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_1248,h_431,c_scale\/f_auto,q_auto\/v1712842893\/ideas-and-advice-prod\/blogadmin\/LogoEmojis\/LogoEmojis.gif?_i=AA 1248w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_1048,h_362,c_scale\/f_auto,q_auto\/v1712842893\/ideas-and-advice-prod\/blogadmin\/LogoEmojis\/LogoEmojis.gif?_i=AA 1048w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_848,h_293,c_scale\/f_auto,q_auto\/v1712842893\/ideas-and-advice-prod\/blogadmin\/LogoEmojis\/LogoEmojis.gif?_i=AA 848w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_648,h_224,c_scale\/f_auto,q_auto\/v1712842893\/ideas-and-advice-prod\/blogadmin\/LogoEmojis\/LogoEmojis.gif?_i=AA 648w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_448,h_154,c_scale\/f_auto,q_auto\/v1712842893\/ideas-and-advice-prod\/blogadmin\/LogoEmojis\/LogoEmojis.gif?_i=AA 448w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_248,h_85,c_scale\/f_auto,q_auto\/v1712842893\/ideas-and-advice-prod\/blogadmin\/LogoEmojis\/LogoEmojis.gif?_i=AA 248w\" sizes=\"(max-width: 1830px) 100vw, 1830px\" \/><\/figure>\n<\/div>\n\n\n<p>Include all approved versions of your logo, describe when to use each one, and show visual examples to make it really clear.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Size:<\/strong> List minimum size and proper proportions.<\/li>\n\n\n\n<li><strong>Space:<\/strong> If the logo requires a certain amount of white space around it, give clear instructions.<\/li>\n\n\n\n<li><strong>Colors:<\/strong> Show variations (reversed, in color, black and white) and when to use them.<\/li>\n\n\n\n<li><strong>Don\u2019ts:<\/strong> It can be just as important to show how you don\u2019t want your logo to be used.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Element 3: Brand color palette<\/h4>\n\n\n\n<p>Speaking of colors, defining a brand palette will go a long way toward creating a consistent look and feel. Most brands choose four or fewer main colors and don\u2019t stray too far from the hues of their logo.<\/p>\n\n\n<div class=\"wp-block-image wp-post-10167 wp-image-14045 size-medium\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/vistaprint\/images\/v1704974503\/ideas-and-advice-prod\/en-us\/heineken_color_shadow-1\/heineken_color_shadow-1.jpg?_i=AA\" alt=\"heineken identity design color palette\" class=\"wp-post-10167 wp-image-143939\" \/><figcaption class=\"wp-element-caption\">Color palette from Heineken&#8217;s brand guidelines.<\/figcaption><\/figure>\n<\/div>\n\n\n<p>It\u2019s a good idea to pick one light color for backgrounds, a darker color for text, a neutral hue and also one that pops. Heineken follows this rule of thumb to a tee.<\/p>\n\n\n\n<p>In your style guide, show swatches of your brand colors. Make sure to include the information needed to reproduce those colors accurately wherever your brand message goes.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Color match:<\/strong> <a href=\"https:\/\/www.pantone.com\/color-finder\" target=\"_blank\" rel=\"noopener noreferrer\">PANTONE name and number<\/a><\/li>\n\n\n\n<li><strong>Print color:<\/strong> CMYK<\/li>\n\n\n\n<li><strong>Digital color:<\/strong> RGB and HEX codes<\/li>\n<\/ul>\n\n\n\n<p>Here are some handy online tools to <a href=\"https:\/\/coolors.co\/\">help you choose a color scheme<\/a> or <a href=\"http:\/\/rgb.to\/\" target=\"_blank\" rel=\"noopener noreferrer\">convert digital color<\/a> into other values.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Element 4: Typography and font guidelines<\/h4>\n\n\n\n<p>Another big part of identity design is font selection. Your brand needs will dictate whether one typeface family will meet all your needs or if you want to define multiple brand fonts. A good rule of thumb is to use a different font than the one in your logo since the contrast will help it stand out. A seasoned designer can guide you through this process.<\/p>\n\n\n<div class=\"wp-block-image wp-post-10167 wp-image-14047 size-large\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/vistaprint\/images\/v1704974502\/ideas-and-advice-prod\/en-us\/absolut_typeface\/absolut_typeface.jpg?_i=AA\" alt=\"absolut identity design typeface\" class=\"wp-post-10167 wp-image-143944\" \/><figcaption class=\"wp-element-caption\">Main typeface from Absolut&#8217;s brand guidelines.<\/figcaption><\/figure>\n<\/div>\n\n\n<p>No matter how simple or complex your typography scheme is, make sure it\u2019s used in all the right ways by explaining the choice and giving clear instructions for use.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Introduce:<\/strong> Tell the story of the typefaces you are using, how they relate to your brand, and what each one is used for (headlines, body text, captions, etc.).<\/li>\n\n\n\n<li><strong>Alignment:<\/strong> Make it clear if you want the copy to always align right, left, or centered.<\/li>\n\n\n\n<li><strong>Spacing:<\/strong> Include tracking and kerning ratios to maintain a consistent style when font size changes.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Element 5: Image guidelines<\/h4>\n\n\n<div class=\"wp-block-image wp-post-10167 wp-image-14049 size-medium\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/vistaprint\/images\/v1704974494\/ideas-and-advice-prod\/en-us\/nike_football_brand_imagery\/nike_football_brand_imagery.jpg?_i=AA\" alt=\"nike football brand imagery\" class=\"wp-post-10167 wp-image-144139\" \/><figcaption class=\"wp-element-caption\">Imagery guidelines from <a href=\"https:\/\/issuu.com\/logobr\/docs\/brandbook_nikefootball\" target=\"_blank\" rel=\"noopener noreferrer\">Nike Football&#8217;s brand book<\/a>.<\/figcaption><\/figure>\n<\/div>\n\n\n<p>When it\u2019s your company, you have a natural instinct for which photos and illustrations are right for your brand. The imagery section in your style guide will steer everyone else in the right direction without adding more approval to-dos for you.<\/p>\n\n\n\n<p>You can approach this in a few different ways. You might even use some of the inspiration points you gathered to prep for your style guide!<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Best practice:<\/strong> Show examples of images that have performed well for your brand. Make sure you address the main ways that your company communicates, whether it\u2019s a print catalog or an Instagram account.<\/li>\n\n\n\n<li><strong>Aspirational:<\/strong> If you don\u2019t have all the examples you want for your brand, find what feels right from bigger brands. This will still give your team a sense of the style to align to, plus it never hurts to aim high!<\/li>\n\n\n\n<li><strong>Mood board:<\/strong> Collect images that convey the feeling that you want people to get when they interact with your brand.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Element 6: Brand voice<\/h4>\n\n\n\n<p>Writing style doesn\u2019t always jump to mind when thinking of brand identity, but brand voice strongly affects how your audience feels about you.<\/p>\n\n\n<div class=\"wp-block-image wp-post-10167 wp-image-14051 size-large\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/vistaprint\/images\/v1704974492\/ideas-and-advice-prod\/en-us\/skype-brand-book-1\/skype-brand-book-1.jpg?_i=AA\" alt=\"skype brand voice guidelines\" class=\"wp-post-10167 wp-image-144149\" \/><figcaption class=\"wp-element-caption\">Brand voice guidelines from <a href=\"http:\/\/download.skype.com\/share\/blogskin\/press\/skype_brandbook.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">Skype&#8217;s brand book<\/a>.<\/figcaption><\/figure>\n<\/div>\n\n\n<p>Just like with imagery, you can approach this in a few different ways.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Best practice:<\/strong> If you have messaging that works well for you, show those examples here.<\/li>\n\n\n\n<li><strong>Build on personality:<\/strong> Remember that list of 3-5 adjectives that describe your brand personality? Use that to describe the type of language that is on-brand.<\/li>\n\n\n\n<li><strong>Do\u2019s and don\u2019ts:<\/strong> Sometimes, simple is best. Pick words you like and words you don\u2019t to clearly demonstrate what your brand voice is.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><a name=\"others\"><\/a>Step 3: Make a list of other brand collateral your guide should cover<\/h3>\n\n\n\n<p>While almost every organization is going to need to include the six essential elements in a brand style guide, some will need to go deeper.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Is your brand primarily digital?<\/strong> You probably need to codify how you lay out images on your website.<\/li>\n\n\n\n<li><strong>Do you sell physical products?<\/strong> Perhaps you need <a href=\"https:\/\/www.vistaprint.com\/packaging\">packaging<\/a> guidelines that explain when to use the product name and when to use the company name.<\/li>\n\n\n\n<li><strong>Are you focusing on social media marketing?<\/strong> Then you might&nbsp;want some guidelines on the types of imagery you use in your posts.<\/li>\n<\/ul>\n\n\n\n<p>A brand style guide should fit the organization it belongs to. Start by making a list of any additional elements that you will need to cover in your guide. Here\u2019s a handy checklist to get&nbsp;the ideas churning:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img width=\"1830\" height=\"971\" data-public-id=\"ideas-and-advice-prod\/blogadmin\/DegitalPrint\/DegitalPrint.png\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/vistaprint\/images\/w_1830,h_971,c_scale\/f_auto,q_auto\/v1712842899\/ideas-and-advice-prod\/blogadmin\/DegitalPrint\/DegitalPrint.png?_i=AA\" alt=\"brand style guide checklist\" class=\"wp-post-10167 wp-image-14053\" data-format=\"png\" data-transformations=\"f_auto,q_auto\" data-version=\"1712842899\" data-seo=\"1\" data-responsive=\"1\" srcset=\"https:\/\/res.cloudinary.com\/vistaprint\/images\/w_1830,h_971,c_scale\/f_auto,q_auto\/v1712842899\/ideas-and-advice-prod\/blogadmin\/DegitalPrint\/DegitalPrint.png?_i=AA 1830w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_1648,h_874,c_scale\/f_auto,q_auto\/v1712842899\/ideas-and-advice-prod\/blogadmin\/DegitalPrint\/DegitalPrint.png?_i=AA 1648w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_1448,h_768,c_scale\/f_auto,q_auto\/v1712842899\/ideas-and-advice-prod\/blogadmin\/DegitalPrint\/DegitalPrint.png?_i=AA 1448w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_1248,h_662,c_scale\/f_auto,q_auto\/v1712842899\/ideas-and-advice-prod\/blogadmin\/DegitalPrint\/DegitalPrint.png?_i=AA 1248w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_1048,h_556,c_scale\/f_auto,q_auto\/v1712842899\/ideas-and-advice-prod\/blogadmin\/DegitalPrint\/DegitalPrint.png?_i=AA 1048w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_848,h_449,c_scale\/f_auto,q_auto\/v1712842899\/ideas-and-advice-prod\/blogadmin\/DegitalPrint\/DegitalPrint.png?_i=AA 848w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_648,h_343,c_scale\/f_auto,q_auto\/v1712842899\/ideas-and-advice-prod\/blogadmin\/DegitalPrint\/DegitalPrint.png?_i=AA 648w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_448,h_237,c_scale\/f_auto,q_auto\/v1712842899\/ideas-and-advice-prod\/blogadmin\/DegitalPrint\/DegitalPrint.png?_i=AA 448w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_248,h_131,c_scale\/f_auto,q_auto\/v1712842899\/ideas-and-advice-prod\/blogadmin\/DegitalPrint\/DegitalPrint.png?_i=AA 248w\" sizes=\"(max-width: 1830px) 100vw, 1830px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><a name=\"build\"><\/a>Step 4: Make an outline for your guide<\/h3>\n\n\n\n<p>Take your 6 essential elements, mix them with any business-specific needs and wants, and build yourself an outline! This will help determine the structure of our guide:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Brand story\n<ul class=\"wp-block-list\">\n<li>Hello, this is BRAND. Here\u2019s what we make and do.<\/li>\n\n\n\n<li>These are our Mission, Vision, and Values.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Logo\n<ul class=\"wp-block-list\">\n<li>Here\u2019s our logo and what it means to us.<\/li>\n\n\n\n<li>How to use our logo.<\/li>\n\n\n\n<li>How not to use our logo.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Color palette\n<ul class=\"wp-block-list\">\n<li>These are our colors.<\/li>\n\n\n\n<li>Here are pretty swatches with CMYK and HEX codes.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Typography\n<ul class=\"wp-block-list\">\n<li>These are the fonts we use and why we chose them.<\/li>\n\n\n\n<li>This is our main typeface.<\/li>\n\n\n\n<li>This is our secondary typeface. Ooh, how pretty!<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Imagery\n<ul class=\"wp-block-list\">\n<li>These are on-brand images.<\/li>\n\n\n\n<li>How to lay them out.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Voice\n<ul class=\"wp-block-list\">\n<li>This is how we speak.<\/li>\n\n\n\n<li>Use these do\u2019s and don\u2019ts.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><a href=\"https:\/\/www.vistaprint.com\/digital-marketing\/websites\">Website<\/a>\n<ul class=\"wp-block-list\">\n<li>Here&#8217;s what the home page looks like and what you should\/shouldn&#8217;t put on it.<\/li>\n\n\n\n<li>This is how we display products.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p>Once you have your outline, decide if you want your guide to live as a digital PDF, be available online, be printed, etc.&nbsp;You and your designer should connect on any specs (landscape vs. portrait layout, page size, etc.). Then you&#8217;re ready to go!<\/p>\n\n\n\n<p>Remember this should be a working document. You&#8217;ll want to make sure that essential information is easy to find (perhaps via a table of contents?) and very clear.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a name=\"evolution\"><\/a>Step 5: Plan for the evolution of your brand<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img width=\"1830\" height=\"700\" data-public-id=\"ideas-and-advice-prod\/blogadmin\/applelogo\/applelogo.png\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/vistaprint\/images\/w_1830,h_700,c_scale\/f_auto,q_auto\/v1712842901\/ideas-and-advice-prod\/blogadmin\/applelogo\/applelogo.png?_i=AA\" alt=\"apple logo evolution\" class=\"wp-post-10167 wp-image-14055\" data-format=\"png\" data-transformations=\"f_auto,q_auto\" data-version=\"1712842901\" data-seo=\"1\" data-responsive=\"1\" srcset=\"https:\/\/res.cloudinary.com\/vistaprint\/images\/w_1830,h_700,c_scale\/f_auto,q_auto\/v1712842901\/ideas-and-advice-prod\/blogadmin\/applelogo\/applelogo.png?_i=AA 1830w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_1648,h_630,c_scale\/f_auto,q_auto\/v1712842901\/ideas-and-advice-prod\/blogadmin\/applelogo\/applelogo.png?_i=AA 1648w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_1448,h_553,c_scale\/f_auto,q_auto\/v1712842901\/ideas-and-advice-prod\/blogadmin\/applelogo\/applelogo.png?_i=AA 1448w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_1248,h_477,c_scale\/f_auto,q_auto\/v1712842901\/ideas-and-advice-prod\/blogadmin\/applelogo\/applelogo.png?_i=AA 1248w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_1048,h_400,c_scale\/f_auto,q_auto\/v1712842901\/ideas-and-advice-prod\/blogadmin\/applelogo\/applelogo.png?_i=AA 1048w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_848,h_324,c_scale\/f_auto,q_auto\/v1712842901\/ideas-and-advice-prod\/blogadmin\/applelogo\/applelogo.png?_i=AA 848w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_648,h_247,c_scale\/f_auto,q_auto\/v1712842901\/ideas-and-advice-prod\/blogadmin\/applelogo\/applelogo.png?_i=AA 648w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_448,h_171,c_scale\/f_auto,q_auto\/v1712842901\/ideas-and-advice-prod\/blogadmin\/applelogo\/applelogo.png?_i=AA 448w, https:\/\/res.cloudinary.com\/vistaprint\/images\/w_248,h_94,c_scale\/f_auto,q_auto\/v1712842901\/ideas-and-advice-prod\/blogadmin\/applelogo\/applelogo.png?_i=AA 248w\" sizes=\"(max-width: 1830px) 100vw, 1830px\" \/><\/figure>\n<\/div>\n\n\n<p>You\u2019ll notice that new ideas will crop up all the time. That\u2019s because a good brand is always evolving and growing.<\/p>\n\n\n\n<p>Your brand style guide is a living, breathing document. You will end up learning what works as you use it, and you can always add to it or adjust the information. The most important thing is to set a solid foundation by creating one.<\/p>\n\n\n\n<p>But you&#8217;ll also want to revisit it periodically.<\/p>\n\n\n\n<p>Designate one place to keep ideas as they come up (new decisions made, new examples you like, etc.), so you can easily find them when it\u2019s time to review. Then, calendar time to review, revisit and refresh your style guide. You can do this one month, a quarter, or a year after finalizing the guidelines.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">You\u2019re ready to create a brand style guide!<\/h2>\n\n\n\n<p>Your company is more than just the products or services you sell. A strong brand tells the world why they should choose you over all the other options on the market. A brand style guide tells your team how to stay true to that brand.<\/p>\n\n\n\n<p>While some style guides are as thick as a novel, others are a simple one-page reference. It all depends on your business needs. The important thing is that it lists all your basic brand elements and can act as the singular point of reference for any future design project.<\/p>\n\n\n\n\n\n\n<p><\/p>\n\n\n\n<section style=\"background-color: #FFFFFF\" class=\"section section-vp-custom-design-cta-block\">\n    <div class=\"vp-custom-design-cta-block swan swan-custom-cta-block px-6 swan-py-4 section__container\" role=\"alert\">\n        <div class=\"swan-px-8 swan-py-3 swan-display-flex span-justify-center\">\n            <div class=\"swan-mr-4\">\n                <div class=\"swan-text-x3large swan-text-black swan-font-secondary swan-mb-5\">\n                    Looking for design help?                <\/div>\n\n                <div class=\"swan-text-black swan-text-xm1 text-description\">\n                    Check out all your design service options and bring your brand ideas to life today                <\/div>\n            <\/div>\n\n                            <div class=\"vp-custom-design-cta-block-button\">\n                    \n<a href=\"https:\/\/www.vistaprint.com\/design\"\n   title=\"Tell me more\"\n   target=\"\"\n   class=\"swan-button swan-button-skin-primary\"\n    data-tracking-event=\"Navigation Clicked\" data-tracking-event-detail=\"\/hub\/wp-json\/wp\/v2\/posts\/10167;https:\/\/www.vistaprint.com\/design;Content:Text Link;Tell me more\" data-tracking-navigation-detail=\"Tell me more\">\n    Tell me more<\/a>\n                <\/div>\n                                <\/div>\n    <\/div>\n<\/section>\n\n\n<p><strong>Author: Shirley Chan<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A brand style guide takes the heart and soul of your brand\u2014your mission, vision and values\u2014and translates it into design. [&hellip;]<\/p>\n","protected":false},"author":147,"featured_media":21080,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"none","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_cloudinary_featured_overwrite":false,"editor_notices":[],"footnotes":""},"categories":[4],"tags":[],"class_list":["post-10167","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-branding"],"acf":{"vp_publishing_settings_post_modified":false},"_links":{"self":[{"href":"https:\/\/blogadmin.vpsvc.com\/hub\/wp-json\/wp\/v2\/posts\/10167","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogadmin.vpsvc.com\/hub\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogadmin.vpsvc.com\/hub\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogadmin.vpsvc.com\/hub\/wp-json\/wp\/v2\/users\/147"}],"replies":[{"embeddable":true,"href":"https:\/\/blogadmin.vpsvc.com\/hub\/wp-json\/wp\/v2\/comments?post=10167"}],"version-history":[{"count":3,"href":"https:\/\/blogadmin.vpsvc.com\/hub\/wp-json\/wp\/v2\/posts\/10167\/revisions"}],"predecessor-version":[{"id":37498,"href":"https:\/\/blogadmin.vpsvc.com\/hub\/wp-json\/wp\/v2\/posts\/10167\/revisions\/37498"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogadmin.vpsvc.com\/hub\/wp-json\/wp\/v2\/media\/21080"}],"wp:attachment":[{"href":"https:\/\/blogadmin.vpsvc.com\/hub\/wp-json\/wp\/v2\/media?parent=10167"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogadmin.vpsvc.com\/hub\/wp-json\/wp\/v2\/categories?post=10167"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogadmin.vpsvc.com\/hub\/wp-json\/wp\/v2\/tags?post=10167"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}