Footers and subfooters are sections of content that appear consistently at the bottom of every page of a website (or every page in a specific section of a website). These sections often contain contact information, additional links for navigating the website, and legal statements.

Mockup showing the subfooter in grey above the teal color coded footer below

Footers

A footer is a consistent section of content at the bottom of every page of a website. It often contains contact information, additional links for navigating the website, and links to legal statements.

Footer Option A

Footer option A is our slimmer footer option.

The footer area has the option to have 2-4 columns, which can each be one of the following: a link list, address, social handles or plain text area. Note, the first column is always a Texas A&M logo or unit identity.

The maroon compliance footer section contains the requisite copyright information and links to IT accessibility and site policies.

Footer Option B

Footer option B has a little more flexibility, including an overarching heading in the subfooter, making it ideal for microsites.

The footer area has the option to have 2-4 columns, which can each be one of the following: a link list, address, social handles or plain text area.

The maroon compliance footer section contains the Texas A&M University logo, requisite copyright information and links to IT accessibility and site policies.

Subfooters

A subfooter is an optional section of content that appears at the bottom of the page and above the footer. Subfooters are often specific to a group of pages on a site, providing contact information or links that are relevant to that portion of the site.

Subfooter

The subfooter is an optional layer layer of navigation that appears on top of an existing sitewide footer; it is particularly well-suited for subunits, departments or other groups of like-content.

The subfooter is available in two variations (light mode and dark mode) so that it can match the accompanying footer. The light and dark variations are designed to complement their respective footer variations.

Keep Learning

Learn about Footer Option A in Aggie UX 101 Module 7 Chapter 7.

Go to Chapter 7