Typography
Consistent communication through functional elegance
Typeface
Source Sans Pro
Our primary brand typeface for digital is purposefully designed for user interfaces. We feel it offers an excellent reading experience while not compromising in design elegance. It allows us to communicate our tone of voice with a contemporary aesthetic as well as being light weight enough technically to ensure quick load times with consistent rendering across all devices.
Weights
Using these weights from our brand font family provides visual contrast as well as consistency.
Light
To be used in headers and form labels, 20px and above. Do not use as body copy.
Regular
To be used for headers and all body copy.
Semibold
To be used in headers and copy above 16px.
Bold
For headers and highlighting key points in body copy.
Colour
Heading Grey
#5C596D
Used for H1, H2, H3 & H4.
Body Copy Grey
#444444
Used for bold copy.
Link blue
#004FB6
Used for actions and links, anything clickable should have an element of this blue.
White
#FFFFFF
White is your best friend.
Headers
We use a solid typographic hierarchy across devices to ensure guiding legibility while also drawing focus where we need it most.
Other styles
Body copy
"The quick brown fox jumps over the lazy dog" is an English-language pangram- a phrase that contains all of the letters of the alphabet. It is commonly used for touch-typing practice. It is also used to test typewriters and computer keyboards, show font and for other applications involving all of the letters in the English alphabet. Owing to its brevity and coherence it has become widely known.
Body copy - 16pt \ Regular \ #444444 \ 24pt Leading \ 0 Letter spacing
Caption
The quick brown fox jumps over the lazy dog
Caption - 16pt \ Regular \ #444444 \ 24pt Leading \ 0 Letter spacing
Small print
"The quick brown fox jumps over the lazy dog" is an English-language pangram- a phrase that contains all of the letters of the alphabet. It is commonly used for touch-typing practice. It is also used to test typewriters and computer keyboards, show font and for other applications involving all of the letters in the English alphabet. Owing to its brevity and coherence it has become widely known.
Small print - 14pt \ Regular \ #444444 \ 22pt Leading \ 0 Letter spacing
Form label
The quick brown fox jumps over the lazy dog
Form label - 22pt \ Light \ #5C596D \ 30pt Leading \ 0 Letter spacing