Style Guide

Here you can find the style themes and components used across the site. To view certain templates that a module/widget is utilizing, click the "Edit" button on the right-hand side of the widget and you will be able to see the available list and detail (if necessary) options.

Colors

Dark Blue

CMYK: 100/50/0/35
RGB: 0/78/134
#004E86

Core Blue

CMYK: 97/47/0/0
RGB: 0/118/214
#0076D6

Light Blue

CMYK: 55/0/0/0
RGB: 111/203/243
#71CBF4

Pastel Blue

CMYK: 25/0/0/0
RGB: 201/232/251
#C9E8FB

Dark Green

CMYK: 95/35/100/40
RGB: 6/86/41
#005629

Core Green

CMYK: 86/20/92/6
RGB: 2/136/68
#028844

Light Green

CMYK: 35/0/85/0
RGB: 187/209/67
#BBD143

Pastel Green

CMYK: 20/0/40/0
RGB: 217/230/177
#D9E6B1

Ochre

CMYK: 22/67/100/13
RGB: 182/95/23
#B65F17

Dark Yellow

CMYK: 10/40/100/5
RGB: 221/156/0
#DD9C00

Core Yellow

CMYK: 0/15/100/0
RGB: 255/213/0
#FFD500

Pastel Yellow

CMYK: 0/5/45/0
RGB: 255/238/164
#FFEEA4

Dark Red

CMYK: 20/100/100/20
RGB: 168/24/21
#A81815

Core Red

CMYK: 0/93/91/0
RGB: 226/41/34
#E22922

Light Red

CMYK: 0/75/25/0
RGB: 236/96/132
#EC6084

Pastel Red

CMYK: 0/40/20/0
RGB: 246/178/182
#F6B2B6

Greys

Black

CMYK: 0/0/0/100
RGB: 29/29/27
#000000

Charcoal

CMYK: 0/0/0/85
RGB: 51/50/51
#333333

Taupe Grey

CMYK: 0/0/0/65
RGB: 115/115/115
#737373

Warm Grey

CMYK: 0/0/0/45
RGB: 163/163/163
#A3A3A3

Platinum

CMYK: 0/0/0/15
RGB: 227/227/227
#E3E3E3

White Smoke

CMYK: 0/0/0/5
RGB: 246/246/246
#F6F6F6

Typography

Paragraph

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

Paragraph Bold

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


Headings

Heading 1

Heading 2

Heading 3

Heading 4

Feature Heading Text

Lists

  • Item 1
  • Item 2
  • Item 3
  • Item 1
  • Item 2
  • Item 3
  • Item 1
  • Item 2
  • Item 3

Layouts

Grey Container
Blue Container
Green Container
Light Blue Container