Colour Palette
#1
DEFAULT ACCENT
#FDCB22
#2
HOVER
#FCF2B5
#3
TEXT
#444444
#4
DARK
#123A5B
#5
BACKGROUND 1
#0888B0
#6
BACKGROUND 2
#6192A8
#7
BACKGROUND 3
#CADEE9
#8
BACKGROUND 4
#E9E9E9
#9
WHITE
#FFFFFF
Previous Palette (2019)
Typography & Font Pairing
Base Font: Nunito Sans
Font size: 1 rem
Line height: 1.35 em (135%)
Font weight: 400 Regular
Base colour: see Dark [Color Swatch 4]
Heading + Titles: Josefin Sans
Weight: 600 Semi Bold, except where indicated
Base colour: see Text [Color Swatch 3]
Page Title: 3rem / 100%
300 LIGHT UPPERCASE letterspacing 2px
The title style above is used in the Page Header with an H1 tag. It has its own style that is different from regular H1 headings in the body (such as the example below).
H1 Heading 3 rem (48px)
Line Height 1 em (100%)
H2 Heading 2 rem (32px)
Line Height 1 em (100%)
H3 Heading 1.5 rem (24px)
Line Height 1.25 em (125%)
H4 Heading 21px
Line Height 1.3 em (130%)
H5 Heading 18px
Line Height 1.3 em (130%)
H6 OVERLINE Heading 14px UPPERCASE
LETTERSPACING 2PX
Line Height 1.3 em (130%)
Here is a paragraph of text. This is a link. Here is a paragraph of text. Here is a paragraph of text. Here is a paragraph of text. This is a link.