Questions?

Contact University Relations at urtc@umn.edu

Web Requirements

On This Page

The University's Brand Policy: Trademarks, Logos, Colors, and Seal states that:

  • All umn.edu websites must use an official web header and footer.
  • The University web header and footer cannot be used on personal websites.
  • Registered student organizations on all campuses may not use the Wordmark or Driven to Discover but may use the Block M and mascot marks.

Official web headers and footers are built in to Drupal, the U of M's content management system. They are also available for use outside of Drupal and can be configured using the Template Builder. Web headers for use by student organizations are available in Drupal Lite. Student organization sites may not use the official footer.

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.

Example of required web header.

  • 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 "Department Directory,"  "Maps and Directions," or "Parking and Transportation" in their unit footer.

Example text in required footer.

All University units should provide contact information of some sort on their site’s pages. Units may include a unit footer directly above the required web footer. A coded design is provided in Drupal and the Template Builder, 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.

Example of unit footer.

Unit Header—Identification and Navigation Alternatives

Unit Header with Navigation

Units may use a combined unit identification and navigation alternative below the required header. There are two versions to choose from—one with vertical links and one with horizontal links.

Example of unit identification and navigation option with vertical links:

Example of alternate unit header.

Example of unit identification and navigation option with hortizontal links:

Example of alternate header with horizontal navigation.

  • Use of this alternative may be combined with the U of M homesite 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.

Wordmark and unit combination logos must not be used with this style header. The Wordmark may appear only once on a web page—in the header.

Header and Footer Requirements and Rules

Links: Link and link behavior for all links in the required header and footer must remain consistent throughout the University; do not change header and footer links or 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 to gold 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 must be included on all websites systemwide. It must always appear above the search field (except on small screens, where it drops to the bottom of the page).

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 (except on small screens, where it drops to the bottom of the page). 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 are strongly encouraged to use the U of M's units search interface to customize their search results.

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.

Branding in U of M Supported Web Tools

Drupal and Drupal Lite

The University’s enterprise Drupal and Drupal Lite have both been configured to give you all the approved header and footer options. When working on your site in Drupal, you can access these options in the admin menu by going to Configuration > System > UMN Header and Footer Customization.

Google Sites

As of February 2017, Google Sites does not include the option to automatically choose a University branded template. Instructions for creating a branded Google Site can be found on our Google Sites page.

Blogger

While not a centrally supported University utility, Blogger can be configured with University branding downloaded from the Template Builder (see below).

Template Builder

The Template Builder allows developers to choose header and footer features to automatically generate HTML for a website. The Template Builder should be used when building an HTML site or a Wordpress or Blogger site.

GitHub

The headers and footers are available on GitHub. If you are unsure of how to use GitHub or compile Sass to CSS, you may want to have Template Builder write and compile your code.

Assets

Guidelines

Templates

Tools

© 2017 Regents of the University of Minnesota. All rights reserved. The University of Minnesota is an equal opportunity educator and employer. Privacy Statement