Skip to Main Content

Digital Hub Guide

Page Footer Component Variant 01

Footer Component with logo, links to legal pages and social icons

Layout Variant 01


Component Anatomy

UI Elements Index

  1. Container
  2. Brand logo
  3. Legal Page link item
  4. Copyrigth text
  5. Social Media link item

Elements Description

Brand Logo
Brand logo for display within the Page Footer – this is the footer location for brand logo and it should contrast sufficiently with selected background color for the Page Footer

Logo Image Size
Max width of 122px and a max height of 32px

Logo Image Format
.svg (preferred)
.webp
.jpg
.png

Link Items
Legal Link items are linked directly to the Digital Hub Legal Pages and are fully configurable as all the other UI elements.
Social Link Items can be linked to external social sites and are fully configurable as all the other UI elements

Legal Page Link Items: This Menu Items links to Legal Pages
Terms & Conditions” Label
This will link to the ‘Terms & Conditions’ page, which will contain legal copy for Terms & Conditions. For accessibility, this text needs to clearly indicate the content and context of link’s destination; the default copy for this is ‘Terms & Conditions’ and it is recommended use this copy where possible.
Privacy Policy Label
This will link to the ‘Privacy Policy’ page, which will contain legal copy for Privacy policy. For accessibility, this text needs to clearly indicate the content and context of link’s destination; the default copy for this is ‘Privacy Policy’ and it is recommended use this copy where possible.
Cookie Policy Label
This will link to the ‘Cookie Policy’ page, which will contain legal copy for Cookie policy. For accessibility, this text needs to clearly indicate the content and context of link’s destination; the default copy for this is ‘Cookie Policy’ and it is recommended use this copy where possible.
Copyright text
The default copy for this is the ‘©’ symbol, followed by the current year and the brand name. e.g. ‘© 2024 Company Name’
Social media link images and related links
Up to three social media icons to link to relevant social media accounts, along with the url address each should link to. These icons should contrast sufficiently with selected background color for the Page Footer.

Social Icon Size
32px x 32px

Social Icon Format
.svg (preferred)
.webp
.jpg
.png