Campaign Info Panel

A component that showcases key content in a number of ways.

Overview

Category: Titles and text

Here is a working example of Campaign Info Panel. Its appearance will change in response to the size of your screen.

Panel 1 (default)

Summary text goes here.

Panel 2 grey theme (flipped)

Summary text goes here.

Panel 3

Summary text goes here.

Usage guidelines

  • Use to build up a campaign page with a selection of content that is displayed number of formats: videos, images or a quote carousel.
  • Each of these components offers a key call to action for the user.
  • This is a flexible component with a customisable background colour (must adhere to RNLI's accessibility principles and be consistent with the RNLI brand).

Placement

  • Place in the Body Content, Body Header or Body Footer.

Editing and customisation

  • You can edit the title, the summary, the image and the link.
  • You can add an additional Image, Quote, Image Gallery or Video.
  • You can choose the theme colour: white or grey.
  • You can customise by flipping the content from left to right (for example, swapping Image and Body around).
  • You can choose to have a background image.

The following components can be added inside Campaign Info Panel:

Live examples

Related components

Quote
Example of "Quote".
Quote
More details
Date Range
Example of "Date range".
Date Range
More details
Timeline
Example of "Timeline".
Timeline
More details
Side Content Date Range
Example of "Side date range".
Side Content Date Range
More details
Back to top