Header and Footer Specs
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.
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.
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.
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.
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.
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.
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.
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.