Skip to main
Digital experience guide

Common elements

Common across all fundraising page types (donation and catalogue) these elements can be altered to suit the campaign.

Utility navigation

This is the first item displayed on a website (top of the page), and typically includes links to help the user find standard, governance or administrative content.

Image: Location of the utility navigation at the top of the page.
Image: Location of the utility navigation at the top of the page.

For fundraising pages

The utility navigation can be striped back to not detract from the donor journey.

It must include
  • Link to the national site (opens in the same window)
  • Cart icon (encourages users to purchase if they have made previous catalogue selections)
  • Search icon
Example

Horizontal navigation

This appears after the utility navigation and typically helps the user navigation through the website following specific journeys.

Image: Location of the horizontal navigation (under the utility navigation).
Image: Location of the horizontal navigation (under the utility navigation).

For fundraising pages

The horizontal navigation can be striped back to not detract from the donor journey and can include a logo lock-up specific to the campaign, which must:

  • Meet brand guidelines
  • Be provided as svg files
  • Sized to suit a maximum size of 70px height x 200px wide
Examples

Logo lock-up examples
Red Shield Appeal
tsa-shield-christmas-appeal.svg
tsa-shield-winter-appeal.svg
Image: Location of the footer block (at the bottom of the page).
Image: Location of the footer block (at the bottom of the page).