Skip to content

Typography

Our typefaces are standard Microsoft fonts; Bookman Old Style and Franklin Gothic. The fonts will be installed and ready for use in all Office apps like Word and PowerPoint.

Bookman Old Style
The typeface is used for headlines, sub-headings and summary.

Franklin Gothic
The typeface is used for highlighting, eyebrow, body copy, and captions.

twoday-co3-typography-bookman-old-style
twoday-co3_typography-franklin-gothic

Alternative for professionals

Microsoft does not allow working with their fonts outside the Office suite. Therefore all designers and professionals working in Adobe CC will need to work with two alternatives; Bookman Old Style Pro and Franklin Gothic ATF.

Even though there is a visual difference between the two Franklin Gothic fonts, we encourage all professionals to work with the alternative font Franklin Gothic ATF, since the harmony between the two alternative fonts are more even and coherent.

twoday-co3-typography-alternative-professionals-bookman-old-style-pro
twoday-co3_typography-alternative-professionals-franklin-gothic-atf

Google Workspace Web (temporary)

Google Workspace does not allow uploading of custom fonts, therefore there are som limitions when working in e.g. Google Slide or Google Docs. 

When working in Google it is possible to work with font Bookman Old Style and for highlighting, eyebrow, body copy, and captions use the alternative font Libre Franklin.

twoday-co3-typography-bookman-old-style
twoday-co3-typography-google-libre-franklin

Fallback fonts

In specific instances, our brand typefaces are not available. This can be the case in mail clients and mail signatures. Fortunately there is a solution. Just opt for email safe typefaces like Georgia and Arial.

Georgia 
The typeface is used for headlines, sub-headings and summary.

Arial
The typeface is used for highlighting, eyebrow, body copy, and captions.

twoday-co3-typography-fall-back-fonts-georgia
twoday-co3_typography-fall-back-fonts-arial

Highlighting

One of the highlights of our visual identity is the use of highlighted words in headings. This really helps us emphasize key messages and catch the attention of readers. 

How is it done, you might ask? Here are some rules: 

You are allowed to highlight one or more words. One word is the standard, but sometimes you need to highlight more than one – e.g. if you want to emphasize a name. 

When highlighting words, you should change the typeface from Bookman Old Style to Franklin Gothic. Additionally, you should change the font weight to bold. So, the highlighted word(s) should be in Franklin Gothic (bold). Okay? 

Never change the color of the highlighted words. We solely highlight words by changing the typeface.

twoday-co3_typography-highlighting-01
twoday-co3_typography-highlighting-02
twoday-co3-typography-dos-and-donts

Hierarchy

When using and combining different typefaces in your design, it is important to create a strong hierarchy to achieve a good balance. There should be a clear-cut difference in the sizes of the title, subtitle, subheading and body text. 

Below you can see an example of how to create a strong hierarchy.

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 copy, eyebrow and captions
Text size x 1.5 = line spacing
Example: 9 pt x 1.5 = 13.5 pt

twoday-co3_typography-hierarchy
twoday-co3_typography-hierarchy-02

Color of the typeface

As a default, we use a softened black both online and offline on headings and body.

NB
Use the CMYK 4-color for headings of more than 30 pt. This way the color becomes more saturated.

twoday-co3_typography-color-typeface-black-rgb
Online
Hex #171717
RGB 23/23/23
twoday-co3_typography-color-typeface-black-cmyk
Offline
CMYK 0/0/100
CMYK 4-color 40/30/30/100
PMS Process Black C
PMS Process Black U

Text on colored backgrounds

To ensure good readability, there should be a good contrast between the color of the text and the background color.

We fully understand if you feel unsure whether to use black or white text. The answer depends on your background color. Below you can explore some examples – hopefully they are helpful.

twoday-co3_typography-text-on-colored-backgrounds-01
twoday-co3_typography-text-on-colored-backgrounds-04
twoday-co3_typography-text-on-colored-backgrounds-02
twoday-co3_typography-text-on-colored-backgrounds-03
twoday-co3_typography-text-on-colored-backgrounds-06
twoday-co3_typography-text-on-colored-backgrounds-09
twoday-co3_typography-text-on-colored-backgrounds-07
twoday-co3_typography-text-on-colored-backgrounds-05
twoday-co3_typography-text-on-colored-backgrounds-08
twoday-co3_typography-text-on-colored-backgrounds-10
twoday-co3_typography-text-on-colored-backgrounds-11