Official Institute Brand

From Institute Communications

Our Look

Websites

Website Header and Footer

This header and footer should be used on top-level pages by administrative units, colleges, schools, research institutes, and research units affiliated with the core research areas.

official web theme header mockup

Official Header with Title and Subtitle

official web theme header example

Header Example with Title

official web theme footer example

Official Footer

The site title in the header should always be wrapped in an H2 tag. The site's optional subtitle should be wrapped in an H3 tag.

Responsive Breakpoints

The following diagrams may be used as a general guide for responsive grid layout.

Extra Large Screens

official web theme extra large breakpoint

Large Screens

official web theme large breakpoint

Medium Screens

official web theme medium breakpoint

Small Screens

official web theme small breakpoint

Need more clarity? Download these diagrams (PDF).