King's Clinical Research Facility pattern library

Simple card

Card label

Card title

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

Find out more

Card label

Blue card variant

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

Find out more

Card label

Card title

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

Find out more

Card label

Card title

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

Find out more

Cards with images

Cards with the class card--white take on different background graphics depending on their position in the grid

Alt text

Card title

Nulla ut odio quam. Donec feugiat justo eu velit aliquam ornare. Sed dui urna, pulvinar vitae tincidunt eu, gravida et tellus. Donec vulputate tortor elementum massa fermentum tempus.

 Alt text

Card title

Nulla ut odio quam. Donec feugiat justo eu velit aliquam ornare. Sed dui urna, pulvinar vitae tincidunt eu, gravida et tellus. Donec vulputate tortor elementum massa fermentum tempus.

 Alt text

Card title

Nulla ut odio quam. Donec feugiat justo eu velit aliquam ornare. Sed dui urna, pulvinar vitae tincidunt eu, gravida et tellus. Donec vulputate tortor elementum massa fermentum tempus.

People card

Alt text

Dr. Firstname Lastname

  • Their position or role title
  • Organisation name
 Alt text

Professor Firstname Lastname

  • Their position or role title
  • Organisation name
 Alt text

Firstname Lastname

  • Their position or role title
  • Organisation name
 Alt text

Firstname Lastname

  • Their position or role title
  • Organisation name

Event card

Workshop

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

  • 26/11/2025 - 28/11/2025
  • 9 - 11am
  • Online
Networking

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

  • 26/11/2025
  • 9 - 11am
  • Exeter
Conference

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

  • 26/11/2025
  • 9 - 11am
  • Manchester

Stat card

23,000

Research papers published

300

Research projects supported

£10,000,000

Funding awarded since 2020

News card

News cards in grid

Alt text
  • 23 November 2024 4 mins

News post which could go onto one line

Eating Disorders and Obesity
Alt text
  • 23 November 2024 4 mins

News post which could go onto several lines libero nibh consectetur est ac volutpat orci eros sed orci

Child Mental Health and Neuro-developmental Disorders
  • 23 November 2024 4 mins

News post which could go onto several lines libero nibh consectetur est ac volutpat orci eros sed orci consectetur est ac volutpat orci eros sed orci

Motor Neuron Disease
Alt text
  • 23 November 2024 4 mins

News post which could go onto one line

Pain and Addictions

News cards in list

Used on facilities single template

Alt text
  • 23 November 2024 4 mins

News post which could go onto one line

Eating Disorders and Obesity
Alt text
  • 23 November 2024 4 mins

News post which could go onto several lines libero nibh consectetur est ac volutpat orci eros sed orci

Child Mental Health and Neuro-developmental Disorders
  • 23 November 2024 4 mins

News post which could go onto several lines libero nibh consectetur est ac volutpat orci eros sed orci consectetur est ac volutpat orci eros sed orci

Motor Neuron Disease

Newsletter card

Subscribe to our newsletter

Nulla ut odio quam. Donec feugiat justo eu velit aliquam ornare. Sed dui urna, pulvinar vitae tincidunt eu, gravida et tellus. Donec vulputate tortor elementum massa fermentum.

Subscribe

Links card

Links