University of Minnesota
University Relations
Our Brand: How to Convey It

Our Brand: How to Convey It.


Web Header and Footer Requirements

The University of Minnesota’s Brand Policy requires that all websites on the domain include an approved web header and footer. (Not included in this requirement are personal websites hosted by the University.)

The web header and footer, as well as the domain, may only be used by a campus, college, unit, department, or center to conduct official University business.

See Brand Policy: Trademarks, Logos, Color, and Seal.

To get header and footer code, see the Web Header and Footer Download page for instructions.

If you have questions or comments about the header and footer requirements, please contact

Required web header elements

  • Block M
  • University of Minnesota wordmark
  • Driven to Discover*
  • One Stop link
  • “MyU: For Students, Faculty, and Staff” link with lock icon (the "For Students, Faculty, and Staff" text is optional and may be removed)
  • Search field with magnifying glass icon

* Use of Driven to Discover is strongly encouraged. Please contact University Relations if your unit plans not to use it.

header example

Required web footer elements

  • Copyright statement
  • Equal opportunity statement
  • Privacy statement link
  • Optional: "Current as of..." statement/date

The unit footer includes only the bare minimum elements. Units should consider incorporating links from the old footer, such as "Maps and Directions" or "Parking and Transportation" in their unit footer.

example footer

Unit Footer Option

Units may include a unit footer directly above the approved web footer. A coded design is provided, but units may use their own design and content.

The four links on the right side of the unit footer are examples only—units may remove these links or use them to link to whatever they choose.

uit footer example

Unit Contact Information—All University units should provide contact information of some sort on their site’s pages. Units may include a unit footer directly above the approved web footer. A coded design is provided, but units may use their own design and content (contact information can be included anywhere on a web page).

Unit identification and navigation alternatives

Units may use a combined unit identification (not the same as the wordmark and unit combination logo) and navigation alternative that echoes the design used on the U of M homesite. There are two versions to choose from.

  • Use of this alternative may be combined with the U home site style tile.
  • The unit identification section may include just the unit name or the unit name combined with the name of the parent unit.
  • For the vertical link version, there should never be fewer than four navigational links and no more than eight. Odd numbers of links or two-line links should be evenly balanced, if possible. If not, the longer list should be the right column.
  • For the horizontal version, there should be no fewer than four and no more than eight links.

Example of unit identification and navigation option with vertical links:

optional navigation with header

Example of unit identification and navigation option with horizontal links:

optional navigation with header

Units may not include their wordmark and unit combination logo in their unit headers or footers; the wordmark should not appear anywhere on a web page other than in the header.

Header and footer requirements and rules

Links—Link behavior for all links in the header and footer must remain consistent throughout the University; do not change header and footer link locations.

Maroon or Gold Header—Units may choose to use either the maroon or gold header background in the colors provided in the code. Alternate colors for the header are not allowed. The header defaults to maroon and can be switched within the code.

Block M, Wordmark, and Driven to Discover—This graphic must link to The link must not be changed to link to a unit home page. Only graphics contained in the official University web headers can be used; units may not recreate this graphic in any way.

One Stop—This link and the link location must be included on all sites.

MyU: For Students, Staff, and Faculty—This link and the link location must be included on all sites. The link must always appear above the search field. Units may remove the "For Student, Staff, and Faculty" portion of the link.

Search Field—By default, the search is coded to provide results for the Twin Cities campus. Units may change the search to show results for just their unit.

Footer Content and Links—All required footer elements must be left “as is” in the footer. Units may not add or remove links or content and may not change the destination of the Privacy Statement link unless they need to point to a customized statement (one that expands on the standard statement). The copyright statement should always display the current year.

The background color of the footer may be changed. If a background color is added, the text and links must be tested for acceptable color contrast. Text or background colors should be changed if needed for accessibility.

Responsive Behavior—The header and footer code includes responsive behavior for screen sizes above 660 pixels, screens between 520 and 660 pixels, and screen sizes below 520 pixels.


header and footer availability

For developers who have advanced HTML and Sass skills, download the code from GitHub.

Developers who have little to no experience with Sass should use Template Builder for header and footer code.