{"id":3342,"date":"2018-01-08T22:37:20","date_gmt":"2018-01-08T22:37:20","guid":{"rendered":"https:\/\/www.onlinelogomaker.com\/blog\/?p=3342"},"modified":"2018-01-08T22:37:20","modified_gmt":"2018-01-08T22:37:20","slug":"use-logos-web-design-7-golden-rules","status":"publish","type":"post","link":"https:\/\/www.onlinelogomaker.com\/blog\/use-logos-web-design-7-golden-rules\/","title":{"rendered":"The Use of Logos in Web Design: 7 Golden Rules"},"content":{"rendered":"\n<p>The use of logos on a website, or really anywhere in the world, plays an important part in company branding.<\/p>\n<p>Your website is the perfect place to showcase your logo. But if you don\u2019t know how to use a logo or where to put them, you could miss out on attracting new customers.<\/p>\n<p>Want to know how to utilize your logo the right way on your website? After you read this post, you\u2019ll have a website you\u2019ll be proud of.<\/p>\n<p>Let\u2019s get into it.<\/p>\n<h2>A Guide to the Proper Use of Logos<\/h2>\n<p>Logos and symbols play an important role in <a href=\"https:\/\/www.thebalance.com\/brand-identity-and-marketing-2295442\" rel=\"nofollow\">brand recognition and identity.<\/a> If you don\u2019t think that logos are important, think about some of the popular images you\u2019re exposed to every day.<\/p>\n<p>Think about how iconic McDonald\u2019s golden arches or the white cursive on a bottle of coke is. Those images resonate with you because companies have strategically been using their logo correctly for years.<\/p>\n<p>You may not be as big as McDonald\u2019s or Coca-Cola, but you can follow these simple tips to get the most out of your logo when you put it on your website.<\/p>\n<h3>Keep the Look Consistent<\/h3>\n<p>There\u2019s a reason why some companies have thick notebooks full of notes on how to properly use logos.<\/p>\n<p>Logos are designed to build brand identity and recognition with people. This is why it\u2019s important to make sure that you pick one logo, and stick to it.<\/p>\n<p>The only times your logo should change should be when you\u2019re resizing it so it can look good on a website or social media. Don\u2019t experiment too much with different colors or fonts. Keep everything simple and recognizable.<\/p>\n<p>Sometimes there may be exceptions to this rule. You may want to add a small awareness ribbon to the corner of your logo if you\u2019re supporting a cause or may want to add a touch of red and green for the holidays.<\/p>\n<p>Despite these special occasions, make sure your logo looks the same when it\u2019s on your website.<\/p>\n<h3>Keep Placement Consistent<\/h3>\n<p>When you\u2019re designing a website, people should be able to tell where your logo is going to appear.<\/p>\n<p>Once again, consistency is important when it comes to the proper use of logos online.<\/p>\n<p>Having logos appear randomly on the page is a poor website design practice. You don\u2019t want people to have to hunt for the logo if they want to see it.<\/p>\n<p>If your logo appears in the top right corner of the website on the home page, it should appear in the top right corner of every page. The consistency helps improve brand awareness and makes the design of the website look cleaner.<\/p>\n<h3>Make It Work for You<\/h3>\n<p>If you really want to make the most of the use of logos on your website, don\u2019t just make it a plain image.<\/p>\n<p>Your logo could also be a button that links people to other places on your website. Many people choose to have the logo link people back to the homepage.<\/p>\n<p>Other people like to get creative with what their logo can link to. Some have the logo link to the contact us page instead of the home page, and others treat it like a fun easter egg you can click on and find pictures and other items.<\/p>\n<h3>Go Center for \u201cPrint\u201d Look<\/h3>\n<p>Is your website a blog, or do you post a lot of information and current events? Are you a fan of print media and want your site to look like a magazine or newspaper?<\/p>\n<p>Instead of placing your logo on the top left or righthand corner, consider placing it in the center at the top of your website.<\/p>\n<p>Take a moment to look at websites like the New York Times, Washington Post, Vogue, or Wired. They all started off as print newspapers or magazines, and they all have their logo in the top center of their website.<\/p>\n<p>Logos that are placed in the center of a website evoke a newspaper-like look. It mimics the masthead you\u2019d see in a traditional newspaper. If you want to give your site some authority, go for the center placement.<\/p>\n<h3>Remember Its Purpose<\/h3>\n<p>A logo is supposed to help with branding and become a way for people to identify your business, but it\u2019s not the main attraction of the website.<\/p>\n<p>Don\u2019t make the logo take up too much space or look too flashy or loud. People are on your website to learn about your business, not look at your logo.<\/p>\n<p>Incorporate other visuals into your website. Don\u2019t forget about adding pictures, video, and other visual elements to make your website standout. And also be sure to fill it with some excellent copy.<\/p>\n<h3>Keep Everything on Theme<\/h3>\n<p>Your website should compliment your logo. The layout themes and colors should look great with the logo, and help bring attention to it subtly.<\/p>\n<p>Take time to think about the <a href=\"https:\/\/www.thebalance.com\/brand-identity-and-marketing-2295442\" rel=\"nofollow\">kind of colors your logo has<\/a>, and what colors would best compliment them on your website.<\/p>\n<p><a href=\"https:\/\/www.cymaxmedia.com\" rel=\"nofollow\">This website<\/a> does an excellent job of incorporating logo colors into the site\u2019s colors. The green, blue, and white in the logo are reflected in the green mountains, blue sky, and white clouds of the first image you see.<\/p>\n<h3>Have Different Options<\/h3>\n<p>Branding is important when you\u2019re on your own website, but what happens when you\u2019re being promoted on a website you don\u2019t own? You could be writing a guest post for a blog, or simply have an advertising partnership with a different business.<\/p>\n<p>To ensure the best use of logos on other websites, have different sizes and file types of your logo ready to send out.<\/p>\n<p>This will ensure that your logo looks great on whatever website it\u2019s featured on.<\/p>\n<h2>Wrapping Up<\/h2>\n<p>Getting the use of logos right on your website can be easy if you follow key rules. As long as you stay consistent and remember its purpose, you can\u2019t go wrong.<\/p>\n<p>Do you want to learn more about creating logos? Check out <a href=\"https:\/\/www.onlinelogomaker.com\/blog\/how-to-choose-a-font\/\">our post<\/a> on how to choose the right font for your logo.<\/p>\n<p>If you have experience working in web design or have tips for our readers, be sure to tell us about it in the comments section!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>For a unified brand identity, it&#8217;s key to incorporate your logo on your website. But before you do, read this post on the 7 golden rules of the use of logos.<\/p>\n","protected":false},"author":99,"featured_media":3343,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[1],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v15.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>The Use of Logos in Web Design: 7 Golden Rules &bull; Online Logo Maker&#039;s Blog<\/title>\n<meta name=\"description\" content=\"For a unified brand identity, it&#039;s key to incorporate your logo on your website. But before you do, read this post on the 7 golden rules of the use of logos.\" \/>\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\/use-logos-web-design-7-golden-rules\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Use of Logos in Web Design: 7 Golden Rules &bull; Online Logo Maker&#039;s Blog\" \/>\n<meta property=\"og:description\" content=\"For a unified brand identity, it&#039;s key to incorporate your logo on your website. But before you do, read this post on the 7 golden rules of the use of logos.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.onlinelogomaker.com\/blog\/use-logos-web-design-7-golden-rules\/\" \/>\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:published_time\" content=\"2018-01-08T22:37:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2018\/01\/use-of-logos.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"2000\" \/>\n\t<meta property=\"og:image:height\" content=\"1257\" \/>\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=\"Logo Design Tips and Tricks\">\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\">\n\t<meta name=\"twitter:data2\" content=\"4 minutes\">\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\/use-logos-web-design-7-golden-rules\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2018\/01\/use-of-logos.jpeg\",\"width\":2000,\"height\":1257,\"caption\":\"use of logos\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/use-logos-web-design-7-golden-rules\/#webpage\",\"url\":\"https:\/\/www.onlinelogomaker.com\/blog\/use-logos-web-design-7-golden-rules\/\",\"name\":\"The Use of Logos in Web Design: 7 Golden Rules &bull; Online Logo Maker&#039;s Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/use-logos-web-design-7-golden-rules\/#primaryimage\"},\"datePublished\":\"2018-01-08T22:37:20+00:00\",\"dateModified\":\"2018-01-08T22:37:20+00:00\",\"description\":\"For a unified brand identity, it's key to incorporate your logo on your website. But before you do, read this post on the 7 golden rules of the use of logos.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.onlinelogomaker.com\/blog\/use-logos-web-design-7-golden-rules\/\"]}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/use-logos-web-design-7-golden-rules\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/use-logos-web-design-7-golden-rules\/#webpage\"},\"author\":{\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/#\/schema\/person\/28cb4f414d5d505a876e7a296efb8735\"},\"headline\":\"The Use of Logos in Web Design: 7 Golden Rules\",\"datePublished\":\"2018-01-08T22:37:20+00:00\",\"dateModified\":\"2018-01-08T22:37:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/use-logos-web-design-7-golden-rules\/#webpage\"},\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/use-logos-web-design-7-golden-rules\/#primaryimage\"},\"articleSection\":\"Logo Design\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.onlinelogomaker.com\/blog\/use-logos-web-design-7-golden-rules\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/#\/schema\/person\/28cb4f414d5d505a876e7a296efb8735\",\"name\":\"Logo Design Tips and Tricks\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7a9c6e455cad6bdda2fc9088755135d8?s=96&d=mm&r=g\",\"caption\":\"Logo Design Tips and Tricks\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/posts\/3342"}],"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\/99"}],"replies":[{"embeddable":true,"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/comments?post=3342"}],"version-history":[{"count":1,"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/posts\/3342\/revisions"}],"predecessor-version":[{"id":3344,"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/posts\/3342\/revisions\/3344"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/media\/3343"}],"wp:attachment":[{"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/media?parent=3342"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/categories?post=3342"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/tags?post=3342"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}