UNI Webtools: Resources for Web Developers


UNI Web Page Headers

Effective January 21, 2010, all UNI insitutional websites (colleges, departments and other academic or non-academic units) must use a header template that conforms to the UNI visual standards. All sites must also conform to the university official web colors for use of purple and gold on the site.

Also included in the policy:

  • The purple bar is required on all UNI departmental sites.      
  • The nameplate or "University of Northern Iowa" in the font Imago Extra Bold must be included in the purple bar. It is available as a default part of the theme. The Imago Extra Bold font is also available from University Relations.     
  • The site-wide UNI search is not required, but if it is used it must be included in the purple bar to provide a consistent experience for users. A Drupal-site only search as a replacement or located anywhere else in the purple bar to avoid confusion. Instead, a side-wide search (of only the department web site, for instance) should be placed in a sidebar block or other area of the site.   
  • The UNI toolbar (e.g. E-Mail | MyUNIverse | eLearning | ...) may be used in part, or in its entirety. It also can be entirely omitted. However, if used, you may not add new links. The upper right hand corner of the purple bar is reserved for the toolbar. For example, you could use E-Mail, MyUNIverse, eLearning, and the Directory links, but are not allowed to add "Departent Resources" as a link in the Toolbar.    
  • A site's primary navigation may be located in the purple bar, if desired, using the UNI-TopMenu theme.

All of the headers are available as Drupal Themes. They will come by default with any new Drupal account. If you need html code for the headers for non-Drupal sites, you can download them or contact the University Relations Webteam.

The variations that are approved for use are show below:

UNI Theme (default):

Gilchrist Theme header

UNI-TopMenu Theme:

UNI Web Header 1

UNI-ShortHeader Theme:

(Not for use in Departmental main site, minor sub-sites only)

Gilchrist Short-Header Theme

Footer:

With these themes comes a default footer. Its use is optional, although the Maintained by link is required on all institutional sites and must be present in some manner. Main departmental sites are also requested to have the Diversity Matters link. The default footer may be used with those items intact and the other items removed.

Footer

Variations to the Headers

Variations other than noted below must be approved by the University Web Oversight Committee.

The headers may be used with or without the toolbar menu and with or without the university web site search box.

Any of the headers may incorporate screened back images in the design, as show in the two examples below:

Home Page Header

Optional image design header