BRAND GUIDELINES
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 |