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

Our Brand: How to Convey It.

 


Web Headers, Footers, and Templates

NOTE: Updated University of Minnesota web headers and footers will be available for download in mid-April, 2015. See the new designs.

The University's Brand Policy: Trademarks, Logos, Colors, and Seal requires that the template header and footer be used on all umn.edu websites.

960-pixel and responsive headers and footers

 

Other Resources

 

See Requirements and Guidelines for more details about how to use the web templates.


Crookston header and footer

NOTE: This download will be replaced in January 2015.

Download includes XHTML of the Crookston 960-pixel header and footer, and the responsive header and footer, with all the associated graphics, style sheets, and javascript. Version 2, May 6, 2013 (792K .zip file).

See Requirements and Guidelines for information about use.

Crookston header and footer example

Crookston header and footer example.

Click to see larger image

Download Crookston header and footer.

 


Duluth header and footer

NOTE: This download will be replaced in January 2015.

Download includes XHTML of the Duluth 960-pixel header and footer, and the responsive header and footer, with all the associated graphics, style sheets, and javascript. Version 2, May 6, 2013 (1.1MB .zip file).

See Requirements and Guidelines for information about use.

Duluth header and footer example

Duluth header and footer example

Click to see larger image

Download Duluth header and footer.

 


Morris header and footer

NOTE: This download will be replaced in January 2015.

Download includes XHTML of the Morris 960-pixel header and footer, and the responsive header and footer, with all the associated graphics, style sheets, and javascript. Version 2, May 6, 2013 (712K .zip file).

See Requirements and Guidelines for information about use.

Morris header and footer example

Morris header and footer example.

Click to see larger image

Download Morris header and footer.

 


Rochester header and footer

NOTE: This download will be replaced in January 2015.

Download includes XHTML of the Rochester 960-pixel header and footer, and the responsive header and footer, with all the associated graphics, style sheets, and javascript. Version 2, May 6, 2013 (670K .zip file).

See Requirements and Guidelines for information about use.

Rochester header and footer example

Rochester header and footer example.

Click to see larger image

Download Rochester header and footer.

 


Twin Cities header and footer

NOTE: This download will be replaced in January 2015.

Download includes XHTML of the 960-pixel header and footer, and the responsive header and footer, with all the associated graphics, style sheets, and javascript . These are not full-page templates. How you integrate the header and footer code on your existing site will be based on your current site structure. Version 6, May 6, 2013 (670K .zip file).

See Requirements and Guidelines for information about use.

960-pixel header and footer example

Twin Cities header and footer example.

Click to see larger image

Download 960 header and footer.

 


960-pixel full page template

NOTE: This download will be replaced in January 2015.

These centered, 960-pixel width templates include the Twin Cities campus headers and footers are the preferred size for University sites.

Download includes XHTML docs of three home page variations with the header and footer, and three matching secondary page variations with all the associated graphics, style sheets, and javascript. Version 4, February 19, 2010 (207K .zip file).

See Requirements and Guidelines for information about use.

960-pixel template example

960 template example.

Click to see larger image

Download full 960 templates.

 


760-pixel header and footer

NOTE: This download will be removed in January 2015.

Includes HTML of the 760-pixel header and footer only. These are not full-page templates. Twin Cities campus header and footer code is provided for tables and for all-CSS. See the usage instructions included with the download (357K .zip file).

See Requirements and Guidelines for information about use.

760-pixel header and footer example

760 header and footer example.

Click to see larger image

Download 760 header and footer.

 


Unit-specific header artwork

NOTE: These downloads will be replaced in January 2015.

Photoshop files to label your unit are available for both home and secondary pages and include three widths that will work with the template's grid system.

Download 720 pixel graphic header. 720-pixel wide graphic header (Use with 3.5.4 template. 7.7 MB zip file.)

Download 800 pixel graphic header. 800-pixel wide graphic header (Use with 2.7.3 template. 7.9 MB zip file.)

Download 960 pixel graphic header. 960-pixel wide graphic header (Use with 2.6.4 template. 8.4 MB zip file.)

Header artwork example

Header artwork example.

Click to see larger image

See Requirements and Guidelines for information about use.

 


Options for Favicon

Browsers that support favicon typically display it in the address bar and next to the page's name in a list of bookmarks. All U of M sites should use the block M.

Use the download button on the right to bring up the favicon in your web browser. Copy the favicon directly from your browser window.

Learn more about favicon.

Download favicons.

 

Looking for Drupal Templates?

If you're setting up a Drupal site through OIT, the web header and footer will be on your site automatically. If you're setting up a site outside the U's Drupal, you should download the appropriate html from this page to add it to your site. The responsive header and footer is recommended.

Header and Footer Update

The University web header and footer for all campuses will be updated to coincide with the launch of the new myU portal in February 2015.

Watch the update page for information.