*This site is a work-in-progress and some pages are more complete than others. If you have any questions or issues, please email nick.harris@reckitt.com. *

Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 5 Next »

Usage | Anatomy | Visual style | Editorial | Behaviour | Accessibility | Related components

Figma component link

Storybook component

The footer sits at the bottom of the page and delivers navigation paths to key content that isn’t delivered in the header. This is traditionally legal and policy content and social pathways.

  • Use disclosures when you want to provide relevant or related information without cluttering the page.

  • Don’t use a disclosure when content is relevant to all users.

  • Don’t use disclosures in list. Use Accordion instead.

  • Don’t use a disclosure when content within the accordion is very complex or can cause slow page loads.

Insert image here

 

Item

Component type

Content type

Notes

1

Legal Statement/s

 

Text

 

2

(Additional) Legal Statements

 

RTA

 

3

Link list

 

 

4

Social links list

The footer comes in two mode to work with light and dark backgrounds: default, inverse

  • Ensure legal content is approved by legal.

  • Keep navigation links clearly named and reflective of their destination.

  • n/a

 

  


  • No labels