Style Guide

A collection of useful components and guidelines used across this template.

Colours

These are the global colour swatches that are used to brand this website.
‍
You can edit these easily throughout the entire site by clicking on the swatch, and editing the global colour.

Primary Dark

Accent Brown

St Bart's Green

Secondary Light

Primary Light

Primary White

Typography

A complete list of the main type styles used throughout this website template.

Display Heading

Heading One

Heading Two

Heading Three

Heading Four

Heading Five

Heading Six

If you are new or feel newish - we would love to invite you to our next Newcomers’ Lunch!

Large Text Large Link

Body Text Body Link

Bold Text Bold Link

Small Text Small Link

Small Caps Text

Block Quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.