1. Home
  2. Playbook: UI components

Text plus image

A marketing component that presents content next to a hero image.

Shape

Text plus image variations

Text plus image has two background colours and two image alignment variations. The heading can alternate between H2 and H3.

Left aligned white background

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Optional button

Left aligned grey background

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Optional button

Right aligned white background

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Optional button

Right aligned grey background

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Optional button

This overlay title is for smaller device. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt