UI Kit

Colours

Gold
Hex: F0BF5B

Indigo
Hex: 51608C

Plum
Hex: 651A35

Sienna
Hex: B14F46

Teal
Hex: 4A7E8C

Colour Tints

Gold Tint
Hex: FCF0D9

Indigo Tint
Hex: DDE3EB

Plum Tint
Hex: F5D8E2

Sienna Tint
Hex: F2DFDD

Teal Tint
Hex: E4EEF1

Secondary Brand Colours

Dark Grey
Hex: 3A3A3A

Light Grey
Hex: F5F5F5

Mid Grey
Hex: DCDCDC

Dark Mid Grey
Hex: 6E6E6E

Font Styles

Body Copy

Here is the regular copy.

Here is bold copy.

Headings

Heading 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.


Heading 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Heading 3 (Default on Website)

Heading 3 (no colour)

Heading 4

Heading 5

Heading 6

Layout Organization

Accordions

Light grey with indigo +

White background with body copy

Lists

Default Unordered List

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

  • Item 1
  • Item 2
    • Sub item 1
    • Sub item 2
  • Item 3
    • Sub item 1
  • Item 4

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Default Ordered List

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

  1. Item 1
  2. Item 2
    • Sub item 1
    • Sub item 2
  3. Item 3
    • Sub item 1
  4. Item 4

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Buttons

Default Link Style

Scroll to Top