Fieldwork Geo is the brand face. Where it cannot be installed, Montserrat takes over, and Verdana after that.
Three weights do the work
Light, regular and bold. The other weights only when a piece asks for it — a call to action, for instance.
Never set headings entirely in capitals
Titles and headings are sentence case.
Create contrast with size, not a new face
Vary size, line spacing and weight instead of adding a family.
Line spacing 130–140%
Body line spacing is always larger than the point size. At 20 pt that is 26; at 26 pt, 36.
The three faces, in order
Fieldwork Geo
The brand face. Every variant was drawn on optical evaluation — curves and details are adjusted per weight, which is what makes it feel balanced and geometric. Use it wherever it can be installed.
Adobe licence. See fonts.adobe.com/fonts/fieldwork — as with any Adobe font there are restrictions on what you may use it for, and the font files may not be uploaded to a server or put in a repository.
abcdefghijklmnopqrstuvwxyz 1234567890
abcdefghijklmnopqrstuvwxyz 1234567890
abcdefghijklmnopqrstuvwxyz 1234567890
abcdefghijklmnopqrstuvwxyz 1234567890
abcdefghijklmnopqrstuvwxyz 1234567890
Montserrat
The fallback when Fieldwork is not supported — Microsoft Office, for instance. Mainly regular and bold.
Montserrat is an open Google typeface. No licence needed.
abcdefghijklmnopqrstuvwxyz 1234567890
abcdefghijklmnopqrstuvwxyz 1234567890
abcdefghijklmnopqrstuvwxyz 1234567890
abcdefghijklmnopqrstuvwxyz 1234567890
abcdefghijklmnopqrstuvwxyz 1234567890
Verdana
The last resort, when neither Fieldwork nor Montserrat is available. Regular and bold only.
Verdana is a Microsoft open typeface. No licence needed.
abcdefghijklmnopqrstuvwxyz 1234567890
abcdefghijklmnopqrstuvwxyz 1234567890
An older version of the brandbook credited Verdana on the Montserrat spread. Montserrat is the Google face; Verdana is the Microsoft one. What is on this page is right.
On the website
H1 — 100 / 125 px
One per page, and it carries the message.
H2 — 50 / 60 px
Section headings.
H3 — 35 / 40 px
Sub-sections.
H4 — 28 / 32 px
Card and panel titles.
H5 — 20 / 26 px
The smallest heading we set.
Quote — 30 / 40 px
Pull quotes and customer voices.
Body — 18 / 30 px small, regular and medium above it
Line spacing stays well above the point size.