Typography

Typography is another important part of our brand's expressive potential. This is true of the choice of fonts, as well as the way we use them. The following provides instructions on how to use typography across platforms.

Primary fonts

Our corporate font is Mont, used mostly in the Semibold version. It is a geometric serif font whose strong characters are perfect for headings. It also works well in smaller texts.

Mont Semibold should be used mainly for headings and less prominent texts. We use Mont Book only for small secondary texts within infographics.

Our other corporate font is Merriweather. It is a font with ‘feet’. It lends our brand a commendable gravitas and professionalism. It is designed to be pleasant to read on a screen.

We use Merriweather for summaries, sub-headings and body texts, where typically there are large amounts of text.

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz Ææ Øø Åå 0123456789

Mont Semibold

Mont Book

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz Ææ Øø Åå 0123456789

Merriweather Bold

Merriweather Light

Merriweather Light Italic

Secondary fonts

In email clients, there are limits as to the use of fonts. Only very few fonts are supported and “email-safe”.

For this reason, we need alternative fonts for our newsletters and the signatures on emails.

We use Arial Bold instead of Mont Semibold. Merriweather is replaced by Georgia Regular for body texts and summaries, and Georgia Bold for sub-headings.

Highlighting

A strong feature of our visual identity is the use of highlight. We use typographical emphasis to highlight a single word within a heading using large letters, generating extra emphasis. The highlighted word is the carrier of meaning in that sentence. Far from being chosen at random, the highlighted word is intended to underline the message. 

When you highlight a word, you can use colour or even a combination of colours. Here, you can use black, white and red – but NOT the other colours in our colour palette.

The distance between the highlighted word and the other lines is determined by the line spacing in the small text. If, for example, you use a 42 pt spacing for the small text, the distance between the text and the highlighted word should also be 42 pt.

The hierarchy

When using and combining different fonts in your design, it is important to create a strong hierarchy so that a good balance can be achieved. There should be a clear difference in the sizes of the title, sub-title, sub-heading and body text. This is the case whether you use several, or only a few different typefaces.

Below, you can see examples of successful ways of using our fonts.

Line spacings

To ensure uniformity across the materials we present, we have rules for defining the spacing between lines.

Heading, sub-heading and summary

Text size x 1.2 = line spacing
Example: 60 pt x 1.2 = 72 pt

Body text and sub-heading

Text size x 1.5 = line spacing
Example: 9 pt x 1.5 = 13.5 pt

The distance between a heading and body text is further determined by the spacing from the heading. If, for example, you use a 60 pt spacing, the distance between the heading and the body text should also be 60 pt. In the case of very large headings, you can deviate from the rule in instances where you think the ‘clear space’ would be too large.

Colour of the typeface

As a default, we use black text both online and offline. For printed matter, we use only black. We use the hex colour code #000000. For the website, slightly different rules apply. Because of the large amounts of text, we have opted to use a ‘softening’ technique, with a graduated change from black to body texts.

NB

Use the CMYK 4-colour for headings of more than 30 pt: this will mean the colour becomes more saturated.

Online

Hex #000000
RGB 0 / 0 / 0

Offline

CMYK 0 / 0 / 0 / 100
CMYK 4-colour 40 / 30 / 30 / 100
Pantone XXXX C

Text on coloured backgrounds

To ensure good readability, there should be a good contrast between the colour of the text and the background colour. We also want to express a modern feel by combining text colours and background colours in an exciting way. Here you can see ways of using the primary colours in our colour palette.

Download fonts

If none of the fonts are available on your machine, please contact: 

marketing@itm8.com

Further questions?

Send us an email and we will respond as soon as possible

marketing@itm8.com