Navigation

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.

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

You should avoid:

  • terms like ‘Read more’ and ‘Find out more’

View Signpost Link code and Signpost Link research on GitHub.

Use this component to link to a downloadable file.

You should:

  • use a meaningful phrase that makes sense out of context

View Download Link code and Download Link research on GitHub.

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

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 within featured content.

You should:

  • limit the number on each page
  • use sentence case
  • use a verb, for example ‘Donate‘

You should avoid:

  • terms like ‘Read more’ and ‘Find out more’

View Prominent Link code and Prominent Link research on GitHub.

You should:

  • limit to one on each page
  • position it at the top as the first interactive element

View Back Link code and Back Link research on GitHub.

Teaser

Use this component to provide a summary that links to additional details.

View Teaser code and Teaser research on GitHub.

Teasers

Use this component to provide a more than one summary that links to additional details.

View Teasers code and Teasers research on GitHub.

Prominent Teaser

Use this component to provide a prominent summary that links to additional details.

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 Teaser code and Prominent Teaser research on GitHub.

View Menu guidance in Structure.

Contents Menu

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

View Contents Menu code and Contents Menu research on GitHub.

Paginating

Pagination

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

View Pagination code and Pagination research on GitHub.