Footer

The footer pattern presents the information that should be found at the bottom of all pages.

Rules for the footer

There are three components of the footer: the Copyright footer, Navigation menu footer and Feedback footer.

• The Copyright footer must appear at the bottom of all pages without any modification. It contains copyright information, legal information and social media links.
• The Navigation menu footer contains links and contact information relevant to the website.
• The Feedback footer provides a mechanism to gather simple feedback on the usefulness of a specific page. It must appear directly before any of the other used footer components.

Options available

• Copyright footer
• Navigation menu footer
• Navigation menu footer with feedback option
• Navigation menu footer with awards and affiliations logo banner
• Navigation menu footer with additional branding

Copyright footer

Navigation menu footer

• The navigation menu footer should be used if needed and should contain content relevant to the section of the website where the page is located.
• The navigation menu footer must never be included without the copyright footer below it.
• The third column in the navigation menu footer must be reserved for the contact information.
• Custom icons for social media links must not be added. Unique social media links must use text and can only be added to the navigation menu footer (see example below).

Navigation menu footer with feedback option

• When used, the feedback option must appear above both the Navigation menu footer and the Copyright footer.
• When a feedback option is chosen an appropriate confirmation message must be shown.

Navigation menu footer with awards and affiliations logo banner

• The navigation menu footer with awards and affiliations logo banner must only be used on the homepage.
• The awards and affiliations logo banner is used to display logos of affiliated partners, awards, and certifications.
• Links must be included to the relevant website or webpage for each logo.

Navigation menu footer with additional branding

• The logo should be placed at the top of the first column.
• Where possible an SVG file type should be used to provide a crisp image at all sizes. If this is not possible then a PNG with transparent background should be used.
• The image should be no larger than 280px wide and 180px high.