{"id":1214,"date":"2016-08-09T16:23:15","date_gmt":"2016-08-09T16:23:15","guid":{"rendered":"http:\/\/blog.onlinelogomaker.com\/?p=1214"},"modified":"2017-02-06T20:24:06","modified_gmt":"2017-02-06T20:24:06","slug":"4-key-tips-design-style-guide","status":"publish","type":"post","link":"https:\/\/www.onlinelogomaker.com\/blog\/4-key-tips-design-style-guide\/","title":{"rendered":"4 key tips to your Design Style Guide"},"content":{"rendered":"\n<p><span style=\"font-weight: 400;\">Now that we have already talked about <a href=\"http:\/\/blog.onlinelogomaker.com\/why-you-should-care-about-branding\/1203\" rel=\"nofollow\">Branding<\/a>\u00a0and how you can take advantage of it when using for creating a logo, let\u2019s talk about Design Style Guide. As you know, consistency is key when building a valuable brand, and your company should be really aware of this: The repetition of the same logo, fonts, colors, images and style helps to make a brand not only recognizable but seemingly trustworthy. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">And that\u2019s why you must have a Design Style Guide! It helps you and your company to create a more consistent visual experience and appearance. A Style Guide is a set of standards and patterns for the company\u2019s design to ensure complete uniformity in style.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">IN A FEW WORDS\u2026<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Makes you look professional;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">You maintain control of the design;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">You\u2019ll have an easy guide to refer to;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">You avoid cheapening the design, message and branding;<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Forces you to define and hone your style.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">HOW DO I DO IT?<\/span><\/p>\n<p><!--more--><\/p>\n<p><strong>TIP 1 \u2013 Strategic Brand Overview<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Decide your kind of communication\/design\/visual appearance based on the kind of target public you want to conquer and which are their preferences and expectations.\u00a0<\/span><span style=\"font-weight: 400;\">Example: <a href=\"http:\/\/www.adidas-group.com\/en\/group\/strategy-overview\/\" rel=\"nofollow\">Adidas<\/a>.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1218 size-large\" title=\"strategy-design-guideline\" src=\"http:\/\/blog.onlinelogomaker.com\/wp-content\/uploads\/2016\/08\/strategy-overview-e1470759716842-1024x750.png\" alt=\"strategy-design-style-guide\" width=\"1024\" height=\"750\" srcset=\"https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2016\/08\/strategy-overview-e1470759716842-1024x750.png 1024w, https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2016\/08\/strategy-overview-e1470759716842-300x220.png 300w, https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2016\/08\/strategy-overview-e1470759716842-768x562.png 768w, https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2016\/08\/strategy-overview-e1470759716842-600x439.png 600w, https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2016\/08\/strategy-overview-e1470759716842.png 1521w\" sizes=\"(max-width: 1024px) 100vw, 1024px\"><\/p>\n<p><strong>TIP 2 \u2013 Logos<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">For print and web, most brands revolve around the logo. Make sure you provide logo variations and clarify minimum sizes for all the options you might face.\u00a0<\/span><span style=\"font-weight: 400;\">Example: <a href=\"http:\/\/www.starbucks.com\/static\/reference\/styleguide\/\" rel=\"nofollow\">Starbucks<\/a>.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1217 size-full\" src=\"http:\/\/blog.onlinelogomaker.com\/wp-content\/uploads\/2016\/08\/logos-starbucks.png\" alt=\"logo-design-style-guide\" width=\"528\" height=\"681\" srcset=\"https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2016\/08\/logos-starbucks.png 528w, https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2016\/08\/logos-starbucks-233x300.png 233w\" sizes=\"(max-width: 528px) 100vw, 528px\"><\/p>\n<p><strong>TIP 3 \u2013 Colors<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Always include color palettes and what the colors should be used for, to guarantee organization and clear messages. If you do it, people will know about what you wanna talk just based on the colors.\u00a0<\/span><span style=\"font-weight: 400;\">Example: <a href=\"https:\/\/material.google.com\/style\/color.html#\" rel=\"nofollow\">Google<\/a>.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1215 size-large\" src=\"http:\/\/blog.onlinelogomaker.com\/wp-content\/uploads\/2016\/08\/colors-1024x885.png\" alt=\"colors-design-style-guide\" width=\"1024\" height=\"885\" srcset=\"https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2016\/08\/colors-1024x885.png 1024w, https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2016\/08\/colors-300x259.png 300w, https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2016\/08\/colors-768x663.png 768w, https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2016\/08\/colors-600x518.png 600w, https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2016\/08\/colors.png 1374w\" sizes=\"(max-width: 1024px) 100vw, 1024px\"><\/p>\n<p>\u00a0<\/p>\n<p><strong>TIP 4 \u2013 Fonts<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">You\u2019ll need to define the typefaces to use: sizes, line height, spacing before and after, colors, headline versus body font, etc. Make sure to include Web alternatives for non-Web fonts.\u00a0<\/span><span style=\"font-weight: 400;\">Example:\u00a0<\/span><span style=\"font-weight: 400;\"><a href=\"http:\/\/www.hubspot.com\/style-guide\" rel=\"nofollow\">Hubspot<\/a>.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1219 size-large\" src=\"http:\/\/blog.onlinelogomaker.com\/wp-content\/uploads\/2016\/08\/typography-1024x610.png\" alt=\"design-style-guide-typography\" width=\"1024\" height=\"610\" srcset=\"https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2016\/08\/typography-1024x610.png 1024w, https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2016\/08\/typography-300x179.png 300w, https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2016\/08\/typography-768x457.png 768w, https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2016\/08\/typography-600x357.png 600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\"><\/p>\n<p>Good Luck!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Now that we have already talked about Branding\u00a0and how you can take advantage of it when using for creating a logo, let\u2019s talk about Design Style Guide. As you know, consistency is key when building a valuable brand, and your company should be really aware of this: The repetition of the same logo, fonts, colors, [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":1216,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[1202],"tags":[1222,1220,49,1237,1235,46,297,1236,251,73,1198,1238],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v15.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>4 key tips to your Design Style Guide &bull; Online Logo Maker&#039;s Blog<\/title>\n<meta name=\"description\" content=\"Now that we have already talked about Branding and how you can take advantage of it when using for creating a logo, let\u2019s talk about Design Style Guide.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.onlinelogomaker.com\/blog\/4-key-tips-design-style-guide\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"4 key tips to your Design Style Guide &bull; Online Logo Maker&#039;s Blog\" \/>\n<meta property=\"og:description\" content=\"Now that we have already talked about Branding and how you can take advantage of it when using for creating a logo, let\u2019s talk about Design Style Guide.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.onlinelogomaker.com\/blog\/4-key-tips-design-style-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"Online Logo Maker&#039;s Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/onlinelogomaker\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/onlinelogomaker\/\" \/>\n<meta property=\"article:published_time\" content=\"2016-08-09T16:23:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-02-06T20:24:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2016\/08\/logo.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1784\" \/>\n\t<meta property=\"og:image:height\" content=\"1453\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:creator\" content=\"@logogenerator\" \/>\n<meta name=\"twitter:site\" content=\"@logogenerator\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\">\n\t<meta name=\"twitter:data1\" content=\"Luanna\">\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\">\n\t<meta name=\"twitter:data2\" content=\"1 minute\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/#organization\",\"name\":\"Online Logo Maker\",\"url\":\"https:\/\/www.onlinelogomaker.com\/blog\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/onlinelogomaker\",\"https:\/\/www.instagram.com\/onlinelogomaker\/\",\"https:\/\/www.youtube.com\/channel\/UCQ9jGSx6qnAo6_hC290O5Pg\",\"https:\/\/www.pinterest.com\/onlinelogomaker\/\",\"https:\/\/twitter.com\/logogenerator\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/#logo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2016\/12\/onlinelogomaker.png\",\"width\":1551,\"height\":199,\"caption\":\"Online Logo Maker\"},\"image\":{\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/#website\",\"url\":\"https:\/\/www.onlinelogomaker.com\/blog\/\",\"name\":\"Online Logo Maker&#039;s Blog\",\"description\":\"Your number #1 design blog is all about design, branding, freebies and trends!\",\"publisher\":{\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/www.onlinelogomaker.com\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/4-key-tips-design-style-guide\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2016\/08\/logo.png\",\"width\":1784,\"height\":1453,\"caption\":\"logo-design-guideline\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/4-key-tips-design-style-guide\/#webpage\",\"url\":\"https:\/\/www.onlinelogomaker.com\/blog\/4-key-tips-design-style-guide\/\",\"name\":\"4 key tips to your Design Style Guide &bull; Online Logo Maker&#039;s Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/4-key-tips-design-style-guide\/#primaryimage\"},\"datePublished\":\"2016-08-09T16:23:15+00:00\",\"dateModified\":\"2017-02-06T20:24:06+00:00\",\"description\":\"Now that we have already talked about Branding and how you can take advantage of it when using for creating a logo, let\\u2019s talk about Design Style Guide.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.onlinelogomaker.com\/blog\/4-key-tips-design-style-guide\/\"]}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/4-key-tips-design-style-guide\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/4-key-tips-design-style-guide\/#webpage\"},\"author\":{\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/#\/schema\/person\/cf9b3c3b2e2ba253b7caebd5bc97cdb6\"},\"headline\":\"4 key tips to your Design Style Guide\",\"datePublished\":\"2016-08-09T16:23:15+00:00\",\"dateModified\":\"2017-02-06T20:24:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/4-key-tips-design-style-guide\/#webpage\"},\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/4-key-tips-design-style-guide\/#primaryimage\"},\"keywords\":\"brand,branding,Colors,creating a logo,design style guides,Fonts,IMAGES,key tips,Logo,Logo Design,onlinelogomaker,valuable brand\",\"articleSection\":\"Design Tips\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.onlinelogomaker.com\/blog\/4-key-tips-design-style-guide\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/#\/schema\/person\/cf9b3c3b2e2ba253b7caebd5bc97cdb6\",\"name\":\"Luanna\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/08dedbbf09227ae6e2dd7e099da073bb?s=96&d=mm&r=g\",\"caption\":\"Luanna\"},\"description\":\"A journalist passionate about the Design's world.\",\"sameAs\":[\"http:\/\/onlinelogomaker.com\",\"https:\/\/www.facebook.com\/onlinelogomaker\/\",\"https:\/\/twitter.com\/logogenerator\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/posts\/1214"}],"collection":[{"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/comments?post=1214"}],"version-history":[{"count":6,"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/posts\/1214\/revisions"}],"predecessor-version":[{"id":1739,"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/posts\/1214\/revisions\/1739"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/media\/1216"}],"wp:attachment":[{"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/media?parent=1214"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/categories?post=1214"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/tags?post=1214"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}