Footer

The footer acts as a signature of sorts. It provides every page with the details of the company and an easily accessible overview of the websites content.

The footer acts as an index of the website and it’s sender. It contains the most important sections and pages of the website as well as things such as company details, legal documents, links, cookie settings etc.

Anatomy

  1. Background. Using color-brand-400.
  2. Logo. In this case using our secondary logo, the “schicht”.
  3. Heading. Using typography-heading-5 and color-base-100.
  4. List item. Using typography-paragraph-regular and color-base-100.
  5. Icons. Using standard sizing and color-base-100.
  6. Badges. Linking to the app in the respective app stores.
  7. Subtext. Using typography-paragraph-regular and color-base-100.

Component Health

Component checklist

Is documented

The component is fully documented

Figma component

Includes a link to a Figma component that has been imported to Supernova

Open in Figma

Status

The component has a health status indicated

Healthy

Repository

Includes a link to an external code repository

Open link