Header

The Header features the name of the department, office, or unit that the site represents. Details about the Header are listed below.

General Guidelines

  • The Header is situated between the Brand Bar and the Navigation Bar.
  • The background color of the Header is always White (#FFFFFF) and the department, office or unit name is displayed in Jefferson Blue (#232D4B).
  • Franklin Gothic Condensed Demi is the font used for the Header name, styled in all uppercase letters.
  • The Header name is vertically aligned in the middle of the white bar.
  • The Header title should link back to the site’s landing page.

Desktop Display

  • The Header retains an overall height of 90 px.
  • The Header name is sized to 40 px with a line height of 36 px.
  • The Header name is positioned 30 px from the left and right sides of the maximum content width (1200 px).

Tablet and Mobile Displays

  • The Header retains an overall height of 90 px.
  • For tablet display, the Header name is sized to 24 px with a line height of 22 px.
  • For mobile display, the Header name is sized to 18 px with a line height of 16 px.
  • For tablet display, the Header name is positioned 15 px from the left and 50 px from the right side of the browser window.
  • For mobile display, the Header name is positioned 10 px from the left and 50 px from the right side of the browser window.
Missing media item.

 

Remember: ITS Custom Applications & Consulting Services (CACS) can help you develop websites that meet brand guidelines. Visit http://cacs.virginia.edu to learn more, or go to the UVA procurement site for a full list of contracted vendors.