{"id":703,"date":"2024-05-15T15:28:12","date_gmt":"2024-05-15T19:28:12","guid":{"rendered":"https:\/\/sites.bu.edu\/marcom-team\/?page_id=703"},"modified":"2025-11-05T16:19:21","modified_gmt":"2025-11-05T21:19:21","slug":"branding","status":"publish","type":"page","link":"https:\/\/sites.bu.edu\/marcom-team\/departments\/interactive-design\/role-specific-info\/designers\/branding\/","title":{"rendered":"Branding Guidelines (Online)"},"content":{"rendered":"<h2>Future Brand Evolution<\/h2>\n<p><span>Creative Directors for Interactive &amp; Marketing Design are presently initializing a project to <em>transition<\/em> BU\u2019s visual brand to something more consistent across all schools, websites, and printed materials. <\/span><\/p>\n<p><span>This means standardizing our core elements\u2014like fonts, colors, and design components\u2014so everything feels more \u201cBU\u201d without losing what makes each group unique. <\/span><\/p>\n<p><span>We\u2019ll be reviewing past projects, creating clear guidelines, and documenting the new approach.<\/span><\/p>\n<h2>General Branding Guidelines<\/h2>\n<p>Please make sure you&#8217;ve consulted the official <a href=\"http:\/\/www.bu.edu\/brand\/\">BU Brand website<\/a> and our <a href=\"https:\/\/docs.google.com\/presentation\/d\/10ZiMxfcdhMLimtKuuPbuYKecv5O2N7mqQPEwaI-5G9k\/edit#slide=id.g30c2c3736c6_0_889\" target=\"_blank\" rel=\"noopener noreferrer\">BU Brand overview<\/a> ahead of proceeding with this section.<\/p>\n<p><a href=\"http:\/\/www.bu.edu\/brand\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"button button-secondary\">BU Brand Website<\/a><br \/>\n<a href=\"https:\/\/docs.google.com\/presentation\/d\/10ZiMxfcdhMLimtKuuPbuYKecv5O2N7mqQPEwaI-5G9k\/edit#slide=id.g30c2c3736c6_0_889\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"button button-secondary\">BU Brand Overview<\/a><\/p>\n<p>The traditional default font for body copy of BU&#8217;s websites has been Benton Sans.<\/p>\n<div class=\"bu_collapsible_container \" aria-live=\"polite\" data-customize-animation=\"false\"><h4 class=\"bu_collapsible\" aria-expanded=\"false\"tabindex=\"0\" role=\"button\">Logo Assets<\/h4><div class=\"bu_collapsible_section\" style=\"display: none;\"><\/p>\n<p>Logo assets used on sites are linked from <a href=\"https:\/\/www.bu.edu\/cdn\/fonts\/\">our CDN<\/a> to Responsive Framework themes.<\/p>\n<h4>Mockup File<\/h4>\n<p><span style=\"font-weight: 400;\">For the original bitmap comp file on our servers, navigate to this location:<\/span><\/p>\n<p><span style=\"font-weight: 400;\">smb:\/\/nas1.bu.edu\/mc\/GROUPS\/CRS\/New Media\/Wordpress\/Wordpress Site Branding\/branding.psd<\/span><\/p>\n<p><\/div>\n<\/div>\n\n<hr \/>\n<h2>Header Masterplate Usage<\/h2>\n<p>There are occasional instances where a site design&#8217;s header <span style=\"text-decoration: underline;\"><em>requires<\/em><\/span> that the Boston University Masterplate replace the Boston University logotype on viewports larger than <code>768px<\/code>.<\/p>\n<h4>External-facing Prospective Student Sites<\/h4>\n<p><strong><span style=\"text-decoration: underline;\">Unless<\/span><\/strong> the client specifically asks for the BU Masterplate lockup during feedback from the Strategy\/Planning phase of a project \u2014 the aforementioned lockup <strong>only<\/strong> applies to websites for an <a href=\"https:\/\/www.bu.edu\/brown\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"text-decoration: underline;\">individual<\/span><\/a> or an <a href=\"https:\/\/www.bu.edu\/safety\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"text-decoration: underline;\">office\/department<\/span><\/a> that\u2019s intended for a <strong>prospective <\/strong>undergrad or Grad student audience who aren\u2019t already admitted to BU.<\/p>\n<p>Until an option has been developed into the <a href=\"https:\/\/github.com\/bu-ist\/bu-branding\">BU Brand plugin<\/a>, or <a href=\"https:\/\/github.com\/bu-ist\/responsive-child-starter-3x-block-editor\">our forthcoming responsive framework update<\/a>, it <em>must<\/em> be included by manual CSS code if designated for the applicable site.<\/p>\n<p>The general principle for it&#8217;s appearance is for it to appear in the header [in place of the bold Boston University default logotype option.]<\/p>\n<p><sub><em>[A lone exception was made were for\u00a0Office of Research.]<\/em><\/sub><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Future Brand Evolution Creative Directors for Interactive &amp; Marketing Design are presently initializing a project to transition BU\u2019s visual brand to something more consistent across all schools, websites, and printed materials. This means standardizing our core elements\u2014like fonts, colors, and design components\u2014so everything feels more \u201cBU\u201d without losing what makes each group unique. We\u2019ll be [&hellip;]<\/p>\n","protected":false},"author":12906,"featured_media":0,"parent":228,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/pages\/703"}],"collection":[{"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/users\/12906"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/comments?post=703"}],"version-history":[{"count":14,"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/pages\/703\/revisions"}],"predecessor-version":[{"id":4112,"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/pages\/703\/revisions\/4112"}],"up":[{"embeddable":true,"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/pages\/228"}],"wp:attachment":[{"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/media?parent=703"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}