Components

Navigation

When using this component you should use a meaningful phrase that makes sense out of context.

This is a paragraph, and it includes even more text to give a good representation of a more average length paragraph. That way you can see more than one line wrapping.

View Link code and Link research on GitHub.

Use this component after a summary of content to signpost onto more detail.

When using this component you should:

  • use sentence case
  • use a verb, for example search
  • use a meaningful phrase that makes sense out of context
  • only use the Green colour
  • not use terms like "Read more" and "Find out more"

View Signpost Link code and Signpost Link research on GitHub.

Use this component to link to the start of a transactional service.

When using this component you should:

  • limit to one on each page
  • only use the Green colour

View Start Link code and Start Link research on GitHub.

Use this component to link to the service to donate.

When using this component you should only use the Green colour.

View Donate Link code and Donate Link research on GitHub.

Use this component within featured content.

When using this component you should:

  • limit the number on each page
  • use sentence case
  • use a verb, for example donate
  • not use the Green colour
  • not use terms like "Read more" and "Find out more"

View Prominent Link code and Prominent Link research on GitHub.

Use this component to link back within a transactional service.

When using this component you should:

  • only use it once on each page
  • place it as the first interactive element

View Back Link code and Back Link research on GitHub.

Promos

Use these components to provide a summary that links to additional details.

Promo

View Promo code and Promo research on GitHub.

Prominent Promo

Brighton Marathon

14 April 2019

Taking in the sights and sounds of the coast, this fantastic 26.2 mile route covers Hove and finishes at the famous Brighton Pier.

View Prominent Promo code and Prominent Promo research on GitHub.

Contents Menu

Use this component to navigate within a page or section of pages.

View Contents Menu code and Contents Menu research on GitHub.

Pagination

Use this component to break large pieces of content across multiple pages.

View Pagination code and Pagination research on GitHub.