1. Home
  2. CMS Publishing
  3. Components

Components

Components are a collection of reusable tools we use to make webpages. Here you can find the majority of the components we use. As well as our 13 reusable components, we have some components that are custom-made by our design team, such as our homepage hero banner.

Beneath each component you can find guidance on how to use them, when to use them, and when not to use them. For guidance on colours, typography, logos, and imagery please refer to RNID brand guidelines.

What we mean by the ‘fold’

image

to go in left navigation bar:

1. Accordions

  • accordion
  • BSL accordion details

2. Buttons

  • primary
  • apply
  • event

3. Cards

  • manual
  • relationship

4. Hero banners

  • homepage
  • hero
  • CTA

5. Text components

  • details
  • inset text
  • summary list
  • quote
Back to top