Navigation

Use this component to link to an internal or external page.

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’
Search and apply for jobs

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
Guide to fostering and adoption– PDF, 258KB

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
Start now

View Start Link code and Start Link research on GitHub.

Use this component to emphasise a link 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’
Donate
Volunteer with us

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
Back

View Back Link code and Back Link research on GitHub.

Teaser

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

Barnardo’s celebrates National Adoption Week

20 October 2019

This year’s campaign calls on people to welcome an older child into their family. Find out ways to help support vulnerable children including making one-off or regular donations.

Other ways to donate

Find out ways to help support vulnerable children including making one-off or regular donations.

View Teaser code and Teaser research on GitHub.

Teasers

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

Coping with stress

The different causes stress and tips on how you can deal with it.

Seeking help

Places you can visit in person and online for help, advice and support.

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.
Sign up

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.

View Contents Menu code and Contents Menu research on GitHub.

Paginating

Pagination

Use this component to navigate between content which is split across multiple pages.

View Pagination code and Pagination research on GitHub.