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

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.

If you're considering Google Sites for your website, please see the FAQ from the Office of Information Technology related to work on Google Sites and University branding.


Crookston header and footer

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

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

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

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.

 


Systemwide header and footer

The centered, 960-pixel width systemwide header and footer is the preferred size for University sites. This header and footer should only be used for sites or pages that are shared by all campuses, such as the search page.

Download includes XHTML of the systemwide 960-pixel header and footer with all the associated graphics, style sheets, and javascript (191K .zip file).

See Requirements and Guidelines for information about use.

Syetemwide header and footer example

Systemwide header and footer example

Click to see larger image

Download systemwide header and footer.

 


Twin Cities header and footer

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

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

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

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.

 


Checklist

A quick way to be sure you’ve covered all you’ll need to do when using the templates (476K PDF).

Download the web checklist.

 

Header and Footer Update

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

Watch the update page for information.