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) and footer on each page. Search is an optional component.
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.
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 branding footer should feature the IU trident with links to copyright and accessibility information, as well as a link to the site’s privacy notice.
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.
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.
To learn more about the assets that make up the branding header, view the asset types page. For more information about where these branding assets are located, view the asset location page. For instructions on how to implement these assets within your website, view the implementation page.
If you would like to use the global IU Framework CSS and JS assets within your website, check out those instructions at the global CSS and JS page.
