ENV: development
translations
Skip to content
close
globe-region
Select your region
    • Results:
    1. Home
    2. Theme set up
    Website

    Theme Colour and Styles

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

    Colors

    Grey Colours

    --grey-000
    color: #f9fafb
    --grey-100
    color: #f3f4f6
    --grey-200
    color: #e5e7eb
    --grey-300
    color: #d1d5db
    --grey-400
    color: #9ca3af
    --grey-500
    color: #6b7280
    --grey-600
    color: #4b5563
    --grey-700
    color: #374151
    --grey-800
    color: #1f2937
    --grey-900
    color: #000000

    Primary Colours

    --primary-1
    color: #133080
    --primary-2
    color: #ec7616
    --primary-3
    color: #ec7616

    Secondary Colours

    --secondary-1
    color: #00b8d6
    --secondary-2
    color: #bdd753
    --secondary-3
    color: #838383
    --secondary-4
    color: #303030
    --secondary-5
    color: #303030

    Typography

    Heading One

    font-weight: 700; font-family: 'Gotham Bold';font-size: 3.11rem;color: #133080;

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

    Heading Two

    font-weight: 700; font-family: 'Gotham Bold';font-size: 2.67rem;color: #133080;

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

    Heading Three

    font-weight: 700; font-family: 'Gotham Bold';font-size: 2rem;color: #133080;

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

    Heading Four

    font-weight: 700; font-family: 'Gotham Bold';font-size: 1.56rem;color: #133080;

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

    Heading Five

    font-weight: 700; font-family: 'Gotham Bold';font-size: 1.34rem;color: #133080;

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

    Heading Six

    font-weight: 700; font-family: 'Gotham Bold';font-size: 1rem;color: #3b4157;

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

    Body

    font-family: 'Gotham Book';font-size: 18px;color: #3b4157;

    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-family: 'Gotham Book';font-size: ;color: #133080;

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

    Buttons

    Solid Button
    (blue)

    class="button"

    Button Text

    Solid Button
    (orange)

    class="button button--primary"

    Button Text

    Solid Button
    (white/blue text/border)

    class="button button--secondary"

    Button Text

    Solid Button
    (white/orange text/border)

    class="button button--tertiary"

    Button Text

    Transparent Button

    class="button button--ghost"

    Button Text

    Simple Link

    class="simple_link"

    Button Text

    Icon Button
    (left)

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

    Button Text

    Icon Button
    (right)

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

    Button Text

    SVGs

    Social media icons

    Solid

    Circle

    Square

    Other SVGs

    Forms