University of St Andrews

Footer

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

Rules for the footer

There are two components of the footer: the copyright-footer and navigation menu 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 current year can be included automatically using the following javascript <script>document.write(new Date().getFullYear());</script>
• The navigation-menu-footer contains links and contact information relevant to the website.

Options available

• Copyright footer
• Navigation menu footer
• 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 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.