{"id":1651,"date":"2023-08-01T16:35:13","date_gmt":"2023-08-01T23:35:13","guid":{"rendered":"https:\/\/www.hmc.edu\/communications\/?page_id=1651"},"modified":"2024-05-16T07:59:55","modified_gmt":"2024-05-16T14:59:55","slug":"logo","status":"publish","type":"page","link":"https:\/\/www.hmc.edu\/communications\/identity-standards\/logo\/","title":{"rendered":"College Logo Guidelines"},"content":{"rendered":"\n<div class=\"wp-block-mudd2021-right-sidebar right-sidebar\" id=\"right-sidebar\">\n<h2 class=\"wp-block-heading\">Resources<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.hmc.edu\/communications\/identity-standards\/\" data-type=\"page\" data-id=\"62\">Identity Standards<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.hmc.edu\/communications\/identity-standards\/logo\/\">College Logo Guidelines<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.hmc.edu\/communications\/identity-standards\/seal\/\">College Seal Guidelines<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.hmc.edu\/communications\/identity-standards\/color-palette\/\">Brand Color Palette<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.hmc.edu\/communications\/identity-standards\/typefaces\/\">Brand Typefaces<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.hmc.edu\/communications\/identity-standards\/editorial-style-guide\/\" data-type=\"page\" data-id=\"69\">Editorial Style Guide<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.hmc.edu\/communications\/identity-standards\/website-style-guide\/\" data-type=\"page\" data-id=\"993\">Website Style Guide<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.hmc.edu\/communications\/event-information\/\">Event Planning Guide<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Need Help?<\/h2>\n\n\n\n<p>If you have questions, contact Robert Vidaure, art director (<a href=\"mailto:&#114;&#118;id&#97;u&#114;&#101;&#64;&#104;&#109;c&#46;ed&#117;\">&#114;&#118;id&#97;&#117;&#114;e&#64;hm&#99;&#46;edu<\/a>, <a href=\"tel:+19096218478\" class=\"phone\">909.621.8478<\/a>).<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-mudd-showcase-single\"><div class=\"wp-block-mudd-showcase-single-image-wrapper\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-block-mudd-showcase-single-image\" src=\"https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2023\/08\/College-logo-sample-1.png\" alt=\"\" width=\"768\" height=\"450\"\/><\/div><div class=\"wp-block-mudd-showcase-single-content-wrapper\"><h2 class=\"wp-block-mudd-showcase-single-heading\">Download HMC College Logos<\/h2><div class=\"wp-block-mudd-showcase-single-copy\">\n<p>The logo is available in different formats: JPG\/JPEG, EPS and TIFF as well as other formats upon requests. <\/p>\n\n\n\n<span class=\"wp-block-mudd-button\"><a href=\"https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2024\/05\/2014-2-4-college-logos.zip\"><span>Download Logo<\/span><\/a><\/span>\n<\/div><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">College Logo Style Guide <\/h2>\n\n\n\n<p>The Harvey Mudd College logo is a graphic representation of the College&#8217;s name. It is the primary and most commonly used symbol of the College&#8217;s visual identity system, is appropriate for the widest range of print and electronic communications and is suitable for a broad audience. <\/p>\n\n\n\n<p>The logo has been designed with specific dimensions and spacing to be easily read, distinctive and readily identifiable at various sizes. It should be used in all communications, whenever a logo is required. The logo, appearing aline, is the preferred visual representation of the College. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Institutional Logo Usage <\/h2>\n\n\n\n<p>The institutional logo is the only logo that should be used in media intended for off-campus distribution. The institutional logo should be used in most cases. The one-color and alternate logos should only be used when there are print limitations or the logo appears on a black or dark-colored background. The logo can also be reversed to white when appearing on a solid dark background. Color choices should not compromise legibility. <\/p>\n\n\n\n<p class=\"mudd-highlighted-content\">Please reference our color guide for a more detailed breakdown of our brand colors (CMYK, RGB and HEX). See primary color palette.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Institutional Logo<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full is-style-aligncenter bb\"><a href=\"https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2023\/08\/College-logo-guidelines-\u2013-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"450\" src=\"https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2023\/08\/College-logo-guidelines-\u2013-1.png\" alt=\"Primary Harvey Mudd College institutional logo\" class=\"wp-image-1660\" srcset=\"https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2023\/08\/College-logo-guidelines-\u2013-1.png 768w, https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2023\/08\/College-logo-guidelines-\u2013-1-300x176.png 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">One-color Logos<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full is-style-aligncenter bb\"><a href=\"https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2023\/08\/College-logo-guidelines-\u2013-2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"450\" src=\"https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2023\/08\/College-logo-guidelines-\u2013-2.png\" alt=\"One color logos\" class=\"wp-image-1661\" srcset=\"https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2023\/08\/College-logo-guidelines-\u2013-2.png 768w, https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2023\/08\/College-logo-guidelines-\u2013-2-300x176.png 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Alternate Logos<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full bb is-style-aligncenter\"><a href=\"https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2023\/08\/College-logo-guidelines-\u2013-3-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"450\" src=\"https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2023\/08\/College-logo-guidelines-\u2013-3-1.png\" alt=\"Alternate logos\" class=\"wp-image-1786\" srcset=\"https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2023\/08\/College-logo-guidelines-\u2013-3-1.png 768w, https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2023\/08\/College-logo-guidelines-\u2013-3-1-300x176.png 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/a><\/figure>\n\n\n\n<p class=\"mudd-highlighted-content\">If you would like access to additional versions of the logo, please fill out a brand assets request form. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Acceptable Used of the College Logo<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Proximity of Logo<\/h3>\n\n\n\n<p>The institutional logo is designed to be highly legible even when used on top of photography. However, care should be taken when it is used in proximity to other typographic elements to maintain visual integrity. <\/p>\n\n\n\n<p>When the exception of logo mock-ups, a clear-zonem, defined by the distance of the capital &#8220;H&#8221; in the logo, should be maintained at all times. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Size for Logo<\/h3>\n\n\n\n<p>The logo should be produced at a reasonable size to maintain legibility. For printed materials, the logo must never be reproduced smaller than one-half inch wide. For digital user, the logo must never be smaller than 60 pixels wide. <\/p>\n\n\n\n<p>Logo minimum width of 1\/2 inch.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-aligncenter bb\"><a href=\"https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2023\/08\/College-logo-guidelines-\u2013-4.png\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"450\" src=\"https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2023\/08\/College-logo-guidelines-\u2013-4.png\" alt=\"Diagram showing spacing required around logo\" class=\"wp-image-1663\" srcset=\"https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2023\/08\/College-logo-guidelines-\u2013-4.png 768w, https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2023\/08\/College-logo-guidelines-\u2013-4-300x176.png 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Unacceptable Uses of the College Logo<\/h3>\n\n\n\n<p>It is extremely important for consistency&#8217;s sake that the logo be displayed correctly and consistently. The following examples illustrate a few of the unacceptable used of the logo. <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>DO NOT distort (stretch) the logo in any way.<\/li>\n\n\n\n<li>DO NOT rearrange elements within the logo.<\/li>\n\n\n\n<li>DO NOT add a drop shadow on the logo. <\/li>\n\n\n\n<li>DO NOT combine the seal with the logo. <\/li>\n\n\n\n<li>DO NOT place black on a black\/dark background. <\/li>\n\n\n\n<li>DO NOT place yellow logo on white\/light background <\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full is-style-aligncenter bb\"><a href=\"https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2023\/08\/College-logo-guidelines-\u2013-5.png\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"450\" src=\"https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2023\/08\/College-logo-guidelines-\u2013-5.png\" alt=\"Examples of unacceptable use of college logos.\" class=\"wp-image-1664\" srcset=\"https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2023\/08\/College-logo-guidelines-\u2013-5.png 768w, https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2023\/08\/College-logo-guidelines-\u2013-5-300x176.png 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-style-aligncenter bb\"><a href=\"https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2023\/08\/College-logo-guidelines-\u2013-6.png\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"450\" src=\"https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2023\/08\/College-logo-guidelines-\u2013-6.png\" alt=\"More examples of unacceptable use of college logos\" class=\"wp-image-1665\" srcset=\"https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2023\/08\/College-logo-guidelines-\u2013-6.png 768w, https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2023\/08\/College-logo-guidelines-\u2013-6-300x176.png 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Logo Lockups <\/h2>\n\n\n\n<p>The typographic locksups, or arrangements, have been created for use by all academic and administrative units. Please don&#8217;t customize or otherwise rearrange these lockups. Use the horizontal version wherever possible. Use the vertical design when space is limited. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-aligncenter bb\"><a href=\"https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2023\/08\/College-logo-guidelines-\u2013-7.png\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"450\" src=\"https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2023\/08\/College-logo-guidelines-\u2013-7.png\" alt=\"Examples of department and office logo lockups. \" class=\"wp-image-1666\" srcset=\"https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2023\/08\/College-logo-guidelines-\u2013-7.png 768w, https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2023\/08\/College-logo-guidelines-\u2013-7-300x176.png 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>College Logo Style Guide The Harvey Mudd College logo is a graphic representation of the College&#8217;s name. It is the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":62,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1651","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hmc.edu\/communications\/wp-json\/wp\/v2\/pages\/1651","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hmc.edu\/communications\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.hmc.edu\/communications\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.hmc.edu\/communications\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hmc.edu\/communications\/wp-json\/wp\/v2\/comments?post=1651"}],"version-history":[{"count":5,"href":"https:\/\/www.hmc.edu\/communications\/wp-json\/wp\/v2\/pages\/1651\/revisions"}],"predecessor-version":[{"id":2102,"href":"https:\/\/www.hmc.edu\/communications\/wp-json\/wp\/v2\/pages\/1651\/revisions\/2102"}],"up":[{"embeddable":true,"href":"https:\/\/www.hmc.edu\/communications\/wp-json\/wp\/v2\/pages\/62"}],"wp:attachment":[{"href":"https:\/\/www.hmc.edu\/communications\/wp-json\/wp\/v2\/media?parent=1651"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}