INSERT Study pattern library

Simple - heading and description

Simple hero

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore animi quia rerum placeat at nobis dolorem debitis, officia, possimus architecto.

Simple - centered

Simple hero

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore animi quia rerum placeat at nobis dolorem debitis, officia, possimus architecto.

Simple - with button

Simple hero

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore animi quia rerum placeat at nobis dolorem debitis, officia, possimus architecto.

Button label

Simple - colour variants

Teal hero

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore animi quia rerum placeat at nobis dolorem debitis, officia, possimus architecto.

Blue hero

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore animi quia rerum placeat at nobis dolorem debitis, officia, possimus architecto.

Cream hero

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore animi quia rerum placeat at nobis dolorem debitis, officia, possimus architecto.

Home - background variants

Welcome to the BSW Research Engagement Network

Connecting researchers, community organisations, and the public to drive meaningful, inclusive evidence-based change.

Welcome to the BSW Research Engagement Network

Connecting researchers, community organisations, and the public to drive meaningful, inclusive evidence-based change.

Welcome to the BSW Research Engagement Network

Connecting researchers, community organisations, and the public to drive meaningful, inclusive evidence-based change.

Media - image with caption

Media hero

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore animi quia rerum placeat at nobis dolorem debitis, officia, possimus architecto.

Alt text

Image caption with a link

Media - video with caption

Media hero

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore animi quia rerum placeat at nobis dolorem debitis, officia, possimus architecto.

Video caption

Media - with backgroud image

Media hero

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore animi quia rerum placeat at nobis dolorem debitis, officia, possimus architecto.

Alt text

Image caption with a link

News - image with caption

News post title which could be quite long and go onto two or three lines

Alt text

Image caption

News - no image

News post title

Event

Event post title which could be quite long and go onto two or three lines

  • Date: September 20, 2026
  • Time: 10am - 4pm
  • Location: Bristol
Alt text

Image caption

Resource

Resource title which could be quite long and go onto two or three lines

  • Workshop
Alt text

Image caption

Opportunity

Opportunity post title which could be quite long and go onto two or three lines

  • Closing date: September 20, 2026
  • Location: Swindon area

Search - heading and search form