Footers

The footer provides users with important links [shortcuts to most requested areas of interest] including links to relevant legal information

FOOTER / USAGE


A website’s footer is an area located at the bottom of every page on a website, below the main body content.

Example of a global footer on a desktop

On mobile

Footers should be consistent, predictable, and easily discoverable.

Use footers for contact information, details about the company, social media posts or links, or even to discover new or related content on the site.

Don’t change the content on your global footer across your site.

Display links and content to first- and second-level categories in your IA.

Don’t use more than (2) levels of information hierarchy.

FOOTER / ANATOMY


There are many parts a footer may include to provide value to users.

1
Headlines
2
Hyperlinks
3
Logo
4
Social Links (optional)
5
Legal Disclaimer
6
Important Links

FOOTER / LEGAL COPY


Legal disclaimer needs to follow the digital brand guidelines typography standards.

Legal disclaimer in a footer on desktop.

On mobile

FOOTER / TEXT LINKS


In footers, text-links help maintain an emphasis on category headers, then links under the categories.

Text button in footers

Use multiple styles to differentiate sets of text links such as font weight to clearly indicate groups.

Be sure to check the underline color against the text and background color to make sure the ratio is 4:5:1