ENV: development
Website

Theme Colour and Styles

This page gives you a quick preview of the website theme settings all on a single page.

Colours

Grey Colours

--grey-000
color: #F5F6FA
--grey-100
color: #EDEFF2
--grey-200
color: #E1E2E5
--grey-300
color: #E1E2E5
--grey-400
color: #C2C5CC
--grey-500
color: #A4AAB2
--grey-600
color: #8A9099
--grey-700
color: #737880
--grey-800
color: #5C6066
--grey-900
color: #1F2733

Primary Colours

--primary-1
color: #0d2ea0

Secondary Colours

--secondary-1
color: #0076cf
--secondary-2
color: #bfe6f7
--secondary-3
color: #444444
--secondary-4
color: #e1e3e1
--secondary-5
color: #FDEE8E
--secondary-6
color: #f16c51
--secondary-7
color: #cbaace
--secondary-8
color: #80C69A
--secondary-9
color: #222222

Typography

Heading One

font-weight: 700; text-decoration: none; font-family: helvetica; font-style: normal;font-size: 3rem;color:#1F2733;

The quick bat was happily eating thistle and kiwi. The stork was playing the saxophone behind the straw arena.

Heading Two

font-weight: 700; text-decoration: none; font-family: helvetica; font-style: normal;font-size: 2.714rem;color:#1F2733;

The quick bat was happily eating thistle and kiwi. The stork was playing the saxophone behind the straw arena.

Heading Three

font-weight: 700; text-decoration: none; font-family: helvetica; font-style: normal;font-size: 2.357rem;color:#1F2733;

The quick bat was happily eating thistle and kiwi. The stork was playing the saxophone behind the straw arena.

Heading Four

font-weight: 700; text-decoration: none; font-family: helvetica; font-style: normal;font-size: 2.357rem;color:#1F2733;

The quick bat was happily eating thistle and kiwi. The stork was playing the saxophone behind the straw arena.

Heading Five

font-weight: 700; text-decoration: none; font-family: helvetica; font-style: normal;font-size: 1.571rem;color:#1F2733;

The quick bat was happily eating thistle and kiwi. The stork was playing the saxophone behind the straw arena.

Heading Six

font-weight: 700; text-decoration: none; font-family: helvetica; font-style: normal;font-size: 1.286rem;color:#1F2733;

The quick bat was happily eating thistle and kiwi. The stork was playing the saxophone behind the straw arena.

Body

font-family: helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;font-size: 14px;color:#1F2733;

The quick bat was happily eating thistle and kiwi. The stork was playing the saxophone behind the straw arena. The quick bat was happily eating thistle and kiwi. The stork was playing the saxophone behind the straw arena. The quick bat was happily eating thistle and kiwi. The stork was playing the saxophone behind the straw arena. The quick bat was happily eating thistle and kiwi. The stork was playing the saxophone behind the straw arena.

Blockquote (rich text)

The quick bat was happily eating thistle and kiwi. The stork was playing the saxophone behind the straw arena.

The quick bat was happily eating thistle and kiwi. The stork was playing the saxophone behind the straw arena. The quick bat was happily eating thistle and kiwi. The stork was playing the saxophone behind the straw arena. The quick bat was happily eating thistle and kiwi. The stork was playing the saxophone behind the straw arena. The quick bat was happily eating thistle and kiwi. The stork was playing the saxophone behind the straw arena.

Unordered List

  • The quick bat was happily eating thistle and kiwi. The stork was playing the saxophone behind the straw arena. The quick bat was happily eating thistle and kiwi. The stork was playing the saxophone behind the straw arena.
  • The quick bat was happily eating thistle and kiwi. The stork was playing the saxophone behind the straw arena. The quick bat was happily eating thistle and kiwi. The stork was playing the saxophone behind the straw arena.
  • The quick bat was happily eating thistle and kiwi. The stork was playing the saxophone behind the straw arena. The quick bat was happily eating thistle and kiwi. The stork was playing the saxophone behind the straw arena.

Ordered List

  1. The quick bat was happily eating thistle and kiwi. The stork was playing the saxophone behind the straw arena. The quick bat was happily eating thistle and kiwi. The stork was playing the saxophone behind the straw arena.
  2. The quick bat was happily eating thistle and kiwi. The stork was playing the saxophone behind the straw arena. The quick bat was happily eating thistle and kiwi. The stork was playing the saxophone behind the straw arena.
  3. The quick bat was happily eating thistle and kiwi. The stork was playing the saxophone behind the straw arena. The quick bat was happily eating thistle and kiwi. The stork was playing the saxophone behind the straw arena.

Links

font-weight: inherit; text-decoration: underline; font-family: helvetica, sans-serif; font-style: normal;font-size: ;color:#1F2733;

The quick bat was happily eating thistle and kiwi. The stork was playing the saxophone behind the straw arena.

Buttons

Primary Button

class="button"

Button Text

Primary White Button

class="button button--primary-white"

Button Text

Primary Text Button

class="button button--primary-text"

Button Text

Transparent Button

class="button button--transparent"

Button Text

Disable Button

class="button disabled"

Button Text

Icon Button (left)

class="button button--icon icon-previous"

Button Text

Icon Button (right)

class="button button--icon icon-next button--icon--right"

Button Text

Modals

Alert Modal

Alert Modal

Error Modal

Error Modal

Warning Modal

Warning Modal

Confirm Modal

Confirm Modal

Info Modal

Info Modal

Interstitial Modal

Interstitial Modal

Video Modal

Video Modal

Video Modal

Video Modal

Image Modal

Logo

SVGs

Social media icons

Solid

Circle

Square

Other SVGs

Forms