Branding

Branding requirements for all IU sites

If you have a school, program, department, affiliated unit, or other official IU site, you must have the branding header (also called the branding bar), search function, and footer on each page.

All branding bars must extend across the page, and the name of the university or campus should function as a link to its home page.

No other graphics, text, or features can be added to the branding bars without approval from IU Communications.

Browser compatibility

The branding package currently supports the latest, stable versions of Chrome, Firefox, Microsoft Edge, Safari, and Opera. Internet Explorer is only supported from version 11 and above.

Branding header

The header branding bar features the Block IU in a red bar and goes at the top of every page of your website. Each campus has its own branding bar, but only the name and link change.

These centrally hosted static HTML elements can be accessed by using a specific URL.

Search

The IU search function appears as a small white magnifying glass within the branding header. When users click on it, the Google Custom Search box opens.

The search box assets are also centrally hosted. However, you may need additional configuration to correctly implement the search function on your site.

Footer

The branding footer features the IU tagline and goes at the bottom of every page of your website.

If you installed the branding footer featuring the “What matters. Where it matters.” tagline, you need to remove it as soon as possible.

It should be replaced with the version featuring our updated tagline, “Fulfilling the Promise.”

Making alterations to the brand assets

The header, footer, and search brand assets must be implemented as is unless search is a primary function of your site.

If that is the case on your site, you may make limited alterations. No other alterations are allowed.

Social media icons and tools

If you currently house social media channels, quick links, or tools in your header or footer, you must find another place for them after installing the new brand assets.

IU Communications has created a solution for sites using a mobile-first framework. We developed a "skirt" area above the footer where these types of links can be housed.

You can see it in action on the IU Bloomington home page.