THE FONTS WE USE

The characters’ appearance is also part of our brand. Fonts are a science in itself, and different fonts are required for the text to be displayed correctly and readable in different media.

Entiros fonts are Montserrat for headers, which is a modern, elegant yet timeless font. And Raleway for body which is easy to read even in small size. These fonts are Google fonts available for all to download and should be used in all printed and digital material.

For illustrations we sometimes use Hand of Sean to replicate hand written text.

MONTSERRAT
This font is our main header font and we primarily use the light and regular weights, although others are available.

Montserrat Light

ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ123456789 abcdefghijklmnopqrstuvwxyzåäö

Montserrat Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ123456789 abcdefghijklmnopqrstuvwxyzåäö

Montserrat Medium

ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ123456789 abcdefghijklmnopqrstuvwxyzåäö

Montserrat bold

ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ123456789 abcdefghijklmnopqrstuvwxyzåäö

RALEWAY
Raleway is used for all body, links and so on. Use regular weight or heavier, because Raleway is light in itself.

Raleway Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ123456789 abcdefghijklmnopqrstuvwxyzåäö

Raleway Italic

ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ123456789 abcdefghijklmnopqrstuvwxyzåäö

Raleway Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ123456789 abcdefghijklmnopqrstuvwxyzåäö

Raleway Bold Italic

ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ123456789 abcdefghijklmnopqrstuvwxyzåäö

HAND OF SEAN
Hand of Sean should only be used for print outs and illustrations.

Raleway Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ123456789 abcdefghijklmnopqrstuvwxyzåäö

HERE’S HOW WE USE IT

Using too many typefaces and sizes leads to an inconsistent layout, so we have a set number of styles in use on Entiros. In this section, we will explain what they are, and how they work in tandem to create a design system that is both flexible and balanced.

TYPOGRAPHIC SCALES
On the right we have specified the different font sizes available for digital use.

H1
Size: 45 px
Letter spacing: 10 px
Line height: 60 px
Text transform: Uppercase

MONTSERRAT LIGHT

H2
Size: 26 px
Letter spacing: 35 px
Line height: 35 px
Text transform: Uppercase

MONTSERRAT LIGHT

H3
Size: 20 px
Letter spacing: 35 px
Line height: 30 px
Text transform: Uppercase

MONTSERRAT LIGHT

H4
Size: 17 px
Letter spacing: 35 px
Line height: 27 px
Text transform: Uppercase

MONTSERRAT LIGHT

H5
Size: 17 px
Letter spacing: 35 px
Line height: 27 px
Text transform: Uppercase
Color:#A9C742

MONTSERRAT LIGHT

Body
Size: 16 px
Line height: 27 px

Raleway Regular

Body Small
Size: 13 px
Line height: 20 px

Raleway Regular

Text Link
Size: 16 px
Line height: 27 px
Color:#A9C742

Raleway Regular

Preamble
Size: 20 px
Line height: 30 px

Raleway Regular

TYPOGRAPHIC SCALES
On the right we have specified the different font sizes available for digital use.

H1
Size: 35 px
Letter spacing: 10 px
Line height: 45 px
Text transform: Uppercase

MONTSERRAT LIGHT

H2
Size: 23 px
Letter spacing: 30 px
Line height: 35 px
Text transform: Uppercase

MONTSERRAT LIGHT

H3
Size: 17 px
Letter spacing: 35 px
Line height: 27 px
Text transform: Uppercase

MONTSERRAT LIGHT

H4
Size: 15 px
Letter spacing: 35 px
Line height: 20 px
Text transform: Uppercase

MONTSERRAT LIGHT

H5
Size: 15 px
Letter spacing: 35 px
Line height: 20 px
Text transform: Uppercase
Color:#A9C742

MONTSERRAT LIGHT

Body
Size: 15 px
Line height: 25 px

Raleway Regular

Body Small
Size: 11 px
Line height: 18 px

Raleway Regular

Text Link
Size: 15 px
Line height: 25 px
Color:#A9C742

Raleway Regular

Preamble
Size: 18 px
Line height: 28 px

Raleway Regular

TYPOGRAPHIC SCALES
On the right we have specified the different font sizes available for digital use.

H1
Size: 30 px
Letter spacing: 10 px
Line height: 38 px
Text transform: Uppercase

MONTSERRAT LIGHT

H2
Size: 21 px
Letter spacing: 30 px
Line height: 28 px
Text transform: Uppercase

MONTSERRAT LIGHT

H3
Size: 17 px
Letter spacing: 35 px
Line height: 27 px
Text transform: Uppercase

MONTSERRAT LIGHT

H4
Size: 15 px
Letter spacing: 35 px
Line height: 20 px
Text transform: Uppercase

MONTSERRAT LIGHT

H5
Size: 15 px
Letter spacing: 35 px
Line height: 20 px
Text transform: Uppercase
Color:#A9C742

MONTSERRAT LIGHT

Body
Size: 13 px
Line height: 23 px

Raleway Regular

Body Small
Size: 11 px
Line height: 18 px

Raleway Regular

Text Link
Size: 13 px
Line height: 23 px
Color:#A9C742

Raleway Regular

Preamble
Size: 15 px
Line height: 15 px

Raleway Regular

GOOGLE DOCS & WORD
For Google Docs the sizes are different. See the template documents for reference.

LINE HEIGHT
The line height is set based on the size of the type. The reading experience should be convenient and natural for the user. For longer paragraphs, it should be about 1.5 times the size of the type.

Body

Entiros Integrations är specialister på systemintegration. Från helhetsansvar och kompletta lösningar till strategisk rådgivning och oberoende rådgivning. Nordens ledande partner till MuleSoft, skaparna av MuleSoft Anypoint Platform.

Preamble

Entiros Integrations är specialister på systemintegration. Från helhetsansvar och kompletta lösningar till strategisk rådgivning och oberoende rådgivning. Nordens ledande partner till MuleSoft, skaparna av MuleSoft Anypoint Platform.

LINE LENGTH
The amount of characters per line should generally be around 70. A good guideline is to try and keep them between 50-90 characters, including spaces.

Body

Entiros Integrations är specialister på systemintegration. Från helhetsansvar och kompletta lösningar till strategisk rådgivning och oberoende rådgivning. Nordens ledande partner till MuleSoft, skaparna av MuleSoft Anypoint Platform.

PAIRING FONTS
Usually the mindset Montserrat for header and Raleway for body will do the trick. But there is also ways to combine headers and body for a good layout.

H3

BRAND ELEMENTS

H1

TYPOGRAPHY

Preamble

Typography is a vital component of any digital communication, and we use it to ensure brand recognition throughout the digital experience.

BROWSER STACK
Montserrat falls back to Helvetica, Arial, Sans-Serif Raleway falls back to Helvetica, Arial, Sans-Serif

Montserrat – Helvetica – Arial – sans-serif
Raleway – Helvetica – Arial – sans-serif

HEADER UNDERLINE
A common brand element is our header underline, that is used together with Header 1 and Header 2.

Body

Using too many typefaces and sizes leads to an inconsistent layout, so we have a set number of styles in use on Entiros. In this section, we will explain what they are, and how they work in tandem to create a design system that is both flexible and balanced.