University of Minnesota
University Relations
Our Brand: How to Convey It
http://www.umn.edu/brand

Our Brand: How to Convey It.

 


Web Header and Footer Requirements

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

The web header and footer, as well as the umn.edu 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 urweb@umn.edu.


Required web header elements

  • Block M
  • University of Minnesota wordmark
  • Driven to Discover*
  • One Stop link (temporary)
  • “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 umn.edu. 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 is temporary and must be included on all websites systemwide. University Relations will publicize when this link can be removed (anticipated to be late 2015).

MyU: For Students, Staff, and Faculty—This link and the link location must be included on all umn.edu 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.


Timeline for updating

The timeline for making the header and footer changes was altered due to the One Stop link readdition (see the FAQ below). Units are not required to change their headers and footers until we remove the One Stop link later this year but may change to the new headers and footers as soon as they are available.

If you decide to use the new headers and footers now, you will need to update them again once the One Stop link is no longer needed. We expect to be able to transition the header to remove the One Stop link later this year. A timeline will be developed after the Upgrade.

FAQ

Why did the required footer change?

In conversations with campus communicators and web developers, through usability testing, and based on feedback from the header and footer survey, we determined that the best solution for the new footer was the simplist. So we changed it.

Units are encouraged to supplement the required footer by using the optional unit footer to include links there that make the most sense for users of their site. For example, if your site's visitors would benefit from having a link to Maps and Directions, you may want to include that link in your unit footer.

What's going on with the One Stop link?

In collaboration with ASR, we had initially decided to remove the One Stop link right away in the new headers. However, feedback received during the launch of the TC homesite (without the One Stop link) indicated that we needed to keep the link a little longer. Internal site visitors still rely on this link to get to information that is found in One Stop.

While we make the transition from using One Stop to the new MyU, and until the One Stop website redesign launches later this year, we'll continue to include the One Stop link in the header.

 

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.