Skip to main content

Header

A header is a banner that is displayed at the top of every page of a website. It contains a unit logo, main navigation, search bar, and utility links (if applicable).

Example

When to use

A header will be automatically added to all webpages to provide consistent site identification and access to the global navigation.

Guidelines

The banner should always include the name of the site, global navigation, and search. Utility navigation is optional.

Accessibility

Using the Student Life design system ensures that accessibility requirements are being met.