Typography
Our brand type family has been carefully curated for optimal legibility, flexibility, and functionality. We’ve chosen Google fonts, including Merriweather for titles, Nunito for eyebrows, and Merriweather Sans for body copy. Consistent and effective use of these fonts will enhance and strengthen our brand experience.
Brand Fonts
Merriweather
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
‘?’“!”(%)[#]{@}/&\<-+÷×=>®©$¢:;,.*
Merriweather Sans
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
‘?’“!”(%)[#]{@}/&\<-+÷×=>®©$¢:;,.*
Nunito
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
‘?’“!”(%)[#]{@}/&\<-+÷×=>®©$¢:;,.*
Below are the three brand fonts that are in use.
Weights & Sizing
Merriweather comes in two selected main cuts: Merriweather Light (300), Merriweather Regular (400). No associated italics. Throughout the visual identity, Merriweather Light (300) is our go-to weight and utilised for titles and subtitles. Using Merriweather Regular is an exception to the rule when Light does not work.
Merriweather Light
Merriweather Regular
For subheadings, we use Merriweather Sans Semibold (600) and Semibold Italic sparingly. Merriweather Sans Light and Italic (both 300) for body copy.
Merriweather Sans Light
Merriweather Sans Light Italic
Merriweather Sans Semibold
Merriweather Sans Semibold
Nunito Extra Light (200) are used for title eyebrows when applicable, and Nunito Light (300) if Extra LIght visually does not work.are the three brand fonts that are in use.
Nunito Extra Light
Nunito Light
Alignment
Large typography should always be left-aligned or centered. It should never right-aligned or justified.
Smaller typography should always be left-aligned. Never centered, right-aligned or justified
Margins
Our margins are decided from the grid margin principle. This varies based on the workspace. When margins have been set, make sure typography follows them.
Case
When setting type, sentence case should always be used unless working with the eyebrow using Nunito Extra Light font.
Never use all caps on titles, subtitles, and body copy
The only exception is when using Nunito font as an eyebrow
Tracking
Too tight tracking
Too loose tracking
Tracking is the spacing given to all letters in a word. Tracking should be quite tight. Too loose or too tight tracking should always be avoided. Below are some guidelines to follow.
Correct tracking
Kerning
Not OK kerning
OK kerning
Kerning is the spacing between each individual letter in a word. Once tracking is set correctly, go into each word and manually adjust the kerning to make sure it sits perfectly. When working in design software, kerning should always should be set to Optical for larger title sizes and Metric for smaller sizes . Below are some guidelines to follow.
Optical Kerning / Metric Kerning (hover)
Leading
Too loose leading
Too tight leading
Leading (also known as line spacing) is the space between lines of words. Leading should be optically bigger than the spacing between words, which again should be greater than the tracking. This will result in perfect legibility. Follow this principle for both print and digital type setting. When choosing your leading, be mindful that leading isn’t so tight that the descenders of the top line do not touch the ascenders of the line below it (which basically means that the lower parts of the g/j/p/q/y do not touch the upper parts of the b/d/f/h/k/l/t).
Correct leading
Misuse
Below are some examples that should always be avoided when setting typography. There will most definitely be occasions where type issues arises, that isn’t shown in the examples below. In these cases, refer to the guidelines and be as logical as possible. Try to find solutions that feels consistent and correct with the overall brand aesthetic.