RNLI website components

Components are a simple, reusable solution to a design problem.

  • Example of "Accordion".
    Accordion
    A vertically stacked list of items. Each item can be expanded to reveal the content within.
    More details
  • Example of "Side address".
    Side Content Address
    Grey box containing an address.
    More details
  • Example of "Utility bar".
    Utility Bar
    Contextual navigation to link visitor to previous page.
    More details
  • Example of "Body".
    Body
    The main body of text.
    More details
  • Example of "Campaign navigation".
    Campaign Navigation
    The main campaign navigation that allows a user to navigate through the site.
    More details
  • Example of "Campaign map".
    Campaign Map
    A Google Map with a number of marker pins.
    More details
  • Example of "Campaign info panel".
    Campaign Info Panel
    A component that showcases key content in a number of ways.
    More details
  • Example of "Side date range".
    Side Content Date Range
    A component that shows times and dates.
    More details
  • Example of "Content list".
    Content List
    A series of downloads or external links seperated with a divider, each containing an image, a title, text and a link.
    More details
  • Example of "Side get directions".
    Side Content Get Directions Link
    A link to a Google Map with directions to a location.
    More details
  • Example of "Side navigation map".
    Side Content Location Map
    A Google Map in the side panel with a single marker.
    More details
  • Example of "Side help".
    Side Content Help
    A grey panel of text in the side panel.
    More details

Need a little extra help?

Contact Us
Back to top