Design Playbook November 2025
Fonts.
Web & Digital Media.
Headings.
Name: Manrope [download]
Size: H1: 4 rem; 48 pt, H2: 2.8 rem; 34 pt, H3: 2.2rem; 26 pt, H4: 1.6 rem; 19 pt.
For primary headings we use H2, bold.
We always include a full stop after each heading.
Paragraphs.
Name: Poppins [download]
Size: P1: 1.4 rem; 17 pt, P2: 1 rem; 12 pt, P3: 0.9 rem; 11 pt.
For primary paragraphs we use P3.
Colours.
Generic.
Web identifier Darkest 2
Hex #282727
RGB 40, 39, 39, 100%
HSL 0, 1, 15, 100%
Connect Groups.
Web identifier Bright 2
Hex #8A8370
RGB 138, 131, 112, 100%
HSL 44, 10, 15, 49%
WilfMen.
Web identifier Dark 1
Hex #164B45
RGB 22, 75, 69, 100%
HSL 173, 55, 19, 100%
Stay Connected Methods.
Web identifier Light 2
Hex #D55A5A
RGB 213, 90, 90, 100%
HSL 0, 59, 59, 100%
Students & Young Adults.
Web identifier Darkest 1
Hex #224875
RGB 34, 72, 117, 100%
HSL 213, 55, 30, 100%
Children, Youth & Families.
Web identifier Dark 2
Hex #E08B6D
RGB 224, 139, 109, 100%
HSL 16, 65, 65, 100%
About (Vision, Values, etc).
Web identifier Light 1
Hex #23637A
RGB 35, 99, 122, 100%
HSL 196, 55, 31, 100%
WomanHeart.
Web identifier Bright 1
Hex #DEA5B0
RGB 222, 165, 176, 100%
HSL 348, 46, 76, 100%
