Overview

This pattern library presents all of the indivdual components that make up your website. Within the content management system you can make use of these components to create advanced, customised content.

You can view examples of complete pages in the "Example Pages" section to get an idea of how the components can work together.

Most of the structure for your website is provided by the theme and pre-configured widgets so you won't need to worry about a lot of it. However, if you need to, it's all here should you want to change any aspect of your site.

The most frequent components you will use day to day are: Divider, Embed, Image and List.

To install a new Twitter timeline, follow the instruction found at the 'Installing Twitter Timeline' page.

Color

Charleston Green
#2E2E2E
White
#FFFFFF
Medium Turquoise
#40CBCE
International Klein Blue
#0227B7
Spanish Violet
#481F72
Vivid Raspberry
#F80073
Ferrari Red
#FF2E00
Fluorescent Orange
#FFBD02

Typography

Roboto Regular Roboto Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
01234567890

Roboto Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
01234567890

Poppins Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
01234567890

Heading Level 1

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5
Heading Level 6

Logos

Original Logo

Logo Inverted

Logo Grey

Logo Grey Inverted

Logo Text

Logo Text Inverted