CMS Toolbox

Header and Footer Specs

Diagram of components of USF website

 

All items included in the header and footer areas will display consistently across every page within your CMS site and will not vary per page.

Header

picture of a header

The header is a required element for all USF web pages. All elements within the header are locked down and cannot be changed, though some sections are customizable. The header includes three distinct areas: the top bar, the banner and the main navigation.

Top Bar

Top bar of USF website

The top bar is a required element for all USF web pages. All elements within the top bar are locked down and cannot be changed. The top bar includes the university's name, which links to the usf.edu homepage, and the top bar navigation, which features the search bar and links to the MyUSF login page, Web Tools, and the campus directory page.

Banner

The banner is a required element for all USF web pages. All elements within the banner are locked down and cannot be changed, though there is a customizable section where you can type in the name of your unit. The banner includes the graphics, plus space for website identification. You are required to type in the name of your website here.The name has a character limit of 45.

image of a USF website banner

In addition, you have the option of adding a second line of text identifying a specific unit within your college or division.The second line of text has a character limit of 45 and can link to a URL. The text will display in a pre-determined style.

Main Navigation

image of navigation view

 

The main navigation is a required element for all USF web pages. The main navigation can be customized to meet your unit's needs, including the addition of a drop down menu (optional). While there is no character limit for the text of the buttons, we strongly recommend that it does not exceed two lines deep.

The main navigation must meet certain specifications:

• it must contain at least 4 buttons and no more than 6 buttons

• each button must link to a web page • drop down menus (optional) should have no more than 12 items

The text will display in a pre-determined style.

Footer

image of website footer

The footer is a required element for all USF web pages. All elements within the footer are locked down and cannot be changed, except for the phone number, mail point, name of the department, social media icons (optional) and the third column of links (optional). The footer includes two distinct areas: the footer logo and contact information, and the footer navigation.

Footer Logo + Contact Info

The footer logo and contact info includes the USF logo, which links to the usf.edu homepage, and the main university contact information. It also includes your unit's mail point; your unit's phone number; your unit's social media networks (optional); and your unit's name, which will link to your content manager's email address.

The social media area is an optional element for all USF homepages.The section is customizable.

The social media area provides an opportunity for you to display links to your unit's social media sites, or to link to the main USF social media sites.

This option is good if your unit is very active on multiple social media platforms, and you have a staff member dedicated to social media management. Please refer to USF System Policy 0-206, Digital Communications for information on social media accounts. The social media area must meet certain specifications: • each icon must link to one of your unit's social media sites or one of USF's main social media sites The icons will display in a pre-determined style.

This section of the footer also includes copyright information; links to information about the technical aspects of the website; the main USF contact info; and links to Work at USF.

Footer Navigation

The footer navigation includes three columns of navigation. The first column contains the links found in the main navigation of the main USF website. The second column contains links required by the USF System. The third column contains links to other major USF websites or it can be customized by you.