INSERT Study pattern library

Simple card - link is on the button

Card - simple

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa dis parturient montes, nascetur ridiculus.

Find out more

Card - teal

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa dis parturient montes, nascetur ridiculus.

Find out more

Card - blue

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa dis parturient montes, nascetur ridiculus.

Find out more

Card - cream

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa dis parturient montes, nascetur ridiculus.

Find out more

Card - no link

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa dis parturient montes, nascetur ridiculus.

Card - heading only

Standard - image, heading and description

Image Alt text

The title of this card

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa dis parturient montes, nascetur ridiculus.

 Image Alt text

The title of this card

The title of this card

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa dis parturient montes, nascetur ridiculus.

The title of this card

Standard - horizontal with image

Image Alt text

Economic evaluation

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa dis parturient montes, nascetur ridiculus.

Economic evaluation

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa dis parturient montes, nascetur ridiculus.

News - with image, date and category

Image Alt text
  • Date: 12 April 2025

News post title which could be quite long

Category
  • Date: 12 April 2025

News post - no image

Category

Events

Image Alt text

Lorem ipsum dolor sit amet, consectetuer adipiscing elit

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

  • Date: November 26, 2026
  • Location: Hybrid: Exeter and online
 Image Alt text

Lorem ipsum dolor sit amet, consectetuer adipiscing elit

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

  • Date: November 26, 2026
  • Location: Exeter
 Image Alt text

Lorem ipsum dolor sit amet, consectetuer adipiscing elit

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

  • Date: November 26, 2026
  • Location: Exeter

Resource - type, description, date and image

Image Alt text
  • Toolkit

Resource title

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa dis parturient montes, nascetur ridiculus.
  • Toolkit

Resource title

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa dis parturient montes, nascetur ridiculus.

Resource title

Opportunity

The title of an opportunity which is longer than all of the others to test wrapping

  • Closing date: November 26, 2026
  • Location: Swindon area

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa dis parturient montes, nascetur ridiculus.

The title of an opportunity

  • Closing date: November 26, 2026
  • Location: Swindon area

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa dis parturient montes, nascetur ridiculus.

Person - horizontal card

Image Alt text

Firstname Lastname

  • Role description
  • Organisation name

[email protected]

Image Alt text

Firstname Lastname

  • Role description
  • Organisation name

[email protected]

Image Alt text

Firstname Lastname

  • Role description
Image Alt text

Firstname Lastname

Person - sidebar

Image Alt text

Firstname Lastname

[email protected]

Person large

Researcher
Image Alt text

Firstname Lastname

  • Role description
  • Organisation name

Lorem ipsum dolor sit amet consectetur adipisicing elit
Investigator
Image Alt text

Firstname Lastname