Secondary utilities and legal statements at the end of a page.

A footer provides supplementary information for a user that has reached the bottom of the page.

Use the footer at the bottom of every page of your site or app. Curate your footer carefully. Footer content should point to popular content that might answer a visitor's remaining questions, promote other UL products/services, or provide information such as help and contact information.

Full

A -full footer component is recommended to be used on public-facing enterprise sites such as marketing landing pages or free-to-use applications.

This footer can include information such as:

• Site map
• Contact link or information
• Address, map, or directions
• Phone numbers
• Mission or values
• Branding
• Secondary navigation
• Social media icons
• Email signup or calls to action
• Login link
• Language or site switcher
• Awards or certifications

Simple

A -simple footer is recommended to be used inside applications that do not require secondary utilities but do require displaying copyright information and providing a link to legal statements.

This footer can include information such as:

• Copyright information (required)
• Links to online policies (required)
• Social media links
• Branding

Internal links should always be opened in the same tab.

External links and icon links should always open in a new tab.

</>

Please refer to the style section for the correct mobile and tablet alignment.

We would like to get your feedback. Tell us how you use this component in your projects and how we can improve it.