Skip to main content
Official government website
GovBB Design System
Menu

Footer

The dark blue band at the end of every page.

Examples
HTML and React
Group
Page furniture
On this page

Preview

Footer
Open in new tab

The Footer ends every page with supporting links, the coat of arms and a copyright line. On small screens the links stack above a divider; from tablet width the links and the coat of arms sit in two columns. The coat of arms image ships in the @govtech-bb/frontend package under assets/images/. Host it with your service and point src at your copy.

Usage

  • Use the footer at the end of every page in a gov.bb website or service.
  • Use it for a small, consistent set of utility, contact and legal links.
  • Do not place information users need to complete the current task only in the footer.
  • Do not duplicate the entire header navigation or turn the footer into a directory of every page.

Best practices

Include destinations such as contact, accessibility, privacy and terms when they are relevant. Keep labels short and remove stale or rarely useful links.

Use the same ordering and content throughout a service. Mark footer navigation with a clear accessible label and make phone numbers and email addresses usable as links.

Keep the list of links short. Link to policy and support pages that apply to the whole site, such as the cookie policy, terms and conditions, and the sitemap, not to individual services or campaigns.