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 Studios.

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.


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.


The branding footer should feature “Celebrating 200 years” in honor of Indiana University’s Bicentennial celebration.

If you have an IU Web Framework site or your site points to the global brand footer, your site should automatically update.

If you have a Web Framework site that does not utilize server-side includes, you may need to republish your site to receive the update. To see if your Web Framework site uses includes, check the Settings block.

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 Studios 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.