Experience | Footer component.


The footer holds legally required links and copyright information for the website. It is also an important SEO tool as it includes links to social channels and our mobile apps.

This experience pattern is a wrapper of the ns-footer. The footer experience pattern is broken into 3 parts. Legal links, SEO links and brand and copyright notice.

If a link needs to be updated for the website footer, it needs to be done in this experience pattern.

Best practice

💚 Do's

💔 Don'ts

Keep it at the bottom of the page as the last element.

Make your own footer if you are part of the customer facing website.

Keep the footer outside the main element


To see examples visit Storybook.


Component relationship


Does it live in a panel?

❌ No

Does it live inside other components?

❌ No

What layout classes can be used?



  • Do you have insights or concerns to share? You can raise an issue via Github bugs.

  • See all the issues already raised via Github issues

💩 🎉 🦄 You can also contact the team on Slack on the #product-nucleus channel!