BRAND GUIDELINES
MENU

Typography

Intro

This is PLAYFAIR DISPLAY - the 'Hero' typeface we use.

Playfair Display is our primary heading or calls to action typeface, to stand out as a title, just as it does above this text.

We use one weight that stands out, this is 900 ('Black'). Lettering is subtely spaced at 1px.

Use in web:


BEHOLD MONTSERRAT, OUR SECONDARY HEADING TYPEFACE.

The complimentary Sans-Serif to our Serif 'hero' typeface. Juliet to her Romeo - they look great together and act to stand out when things get fancy.

Montserrat is primarily for use in headings and calls-to-action.

We use one weight, which is 600 (Semi-bold). Again, a subtle 1px spacing between letters. Note, we only use UPPERCASE with this typeface.

Use in web:


Which leaves LATO, our most common font.

This is the most commonly used font for the body of most work, for descriptions and blocks of text.

We use two weights, 400 (regular) and 900 ('Black'). We use two common styles, regular and italic, with no letter spacing. Italic is only used with 400 weight.


Below are the standard rules to follow. The exceptions or variations will be listed in the subsequent section.


EXAMPLE & CASE FONT SIZES WEIGHT & SPACING
HERO TEXT 48px / 32px 900 / 1px
HEADING TWO 21px / 18px 600 / 1px
HEADING THREE 15px / 13px 600 / 1px
Body Bold 13px / 11px 900 / 0
Body 13px / 12px 400 / 0