Colours

#243665

#1c444f

#a1b7bd

#f8fafa

#243665

#3a3f4b

#b1b3b8

#ededef

Spacing

8 px - closely related things
16 px - related things
32px - unrelated things
64 px - separated things
128 px - very separate things

Typography

This is an H1 heading using Display font

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tincidunt nisl vitae urna lacinia tempor. Vestibulum ac hendrerit tellus, eu molestie ligula. Integer suscipit sapien tempor, fringilla leo id, ornare dui. Vivamus libero elit, rutrum ut libero sed, vehicula ullamcorper ipsum. Nullam rhoncus maximus ipsum, et maximus sem viverra ut. Praesent fringilla pulvinar elit, eget dictum magna iaculis quis. Maecenas eu nisi ac tortor eleifend maximus ut nec magna.

This is an H2 heading using Display font

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tincidunt nisl vitae urna lacinia tempor. Vestibulum ac hendrerit tellus, eu molestie ligula. Integer suscipit sapien tempor, fringilla leo id, ornare dui. Vivamus libero elit, rutrum ut libero sed, vehicula ullamcorper ipsum. Nullam rhoncus maximus ipsum, et maximus sem viverra ut. Praesent fringilla pulvinar elit, eget dictum magna iaculis quis. Maecenas eu nisi ac tortor eleifend maximus ut nec magna.

This is an H3 heading using Display font

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tincidunt nisl vitae urna lacinia tempor. Vestibulum ac hendrerit tellus, eu molestie ligula. Integer suscipit sapien tempor, fringilla leo id, ornare dui. Vivamus libero elit, rutrum ut libero sed, vehicula ullamcorper ipsum. Nullam rhoncus maximus ipsum, et maximus sem viverra ut. Praesent fringilla pulvinar elit, eget dictum magna iaculis quis. Maecenas eu nisi ac tortor eleifend maximus ut nec magna.

Borders and box-shadows

en_GB