Toolkit
04.
Typography
Typography
Type stack
We use two main typefaces: EH Normal and Messina Modern Serif. EH Normal is used for display-type treatments where our message needs to be loud, stylish, and confident. It also includes additional thread-like looping characters which can be used to add further recognition to our communication. Messina Modern Serif is our supporting typeface and is based on grotesque classics, designed for legibility and ease of use.
EH Normal
This typeface is for headlines.
Messina Modern Serif
This typeface is for reading supporting copy, or longer form.
ヒラギノ角ゴ StdN W8
This typeface is for any further supporting larger Japanese characters.
Typography
Type pairings
These typographic scales help to show the relationship between our typefaces with responsive compositions for both desktop and mobile.
Typography
Color in typography
The interface colors are the main sets of colors for a general website layout. Colors that pertain to navigations, section modules, general typography, and footers are in the realm of “interface colors.”
#170627
CMYK: 84, 86, 51, 70
RGB: 23,6,39
Backgrounds, Headers, Body Copy
#FFFFFF
CMYK: 0, 0, 0, 0
RGB: 255, 255, 255
Backgrounds, Headers, Subheaders
#D1D1D1
CMYK: 17, 13 ,1 3, 0
RGB: 209, 209, 209
Subheaders, Body Copy
#BABABA
CMYK: 27, 22, 22 ,0
RGB: 186, 186, 186
Subheaders, Body Copy
#E6E6E6
CMYK: 9, 6, 7, 0
RGB: 230, 230, 230
Subheaders, Body Copy
Typography
Alternative characters
Our EH Normal typeface comes with a number of alternative characters. We use this to add extra character to our communication. Follow the appropriate link to see how to add these in the following software.
Adobe Illustrator
Adobe Indesign
Adobe Photoshop
Canva
Microsoft Word
Headline + Subheader
