The SUSE Design System uses cookies to help us learn more about how we can improve the design system.
Learn more about our cookie policy

Didn’t find the component you were looking for? Take a look on what’s coming next or contact us.
Looking for components? what’s next or contact us.


The footer is an additional navigation for the site and it can contain links, company, copyright and other complementary information.

Visit the layout demo page.


  • Depending on amount of information that the footer contain, it can be positioned at the very bottom of the main menu (for small footer content) or at the bottom of the content area (for larger footer content).
  • If the footer is located within the main menu, when menu is collapsed, the footer changes position to the bottom of the content area.
  • When placed under the content area, the footer should be aligned to the left.
  • The background color, when it is located in the main menu is $eos-bc-pine-700.