Visual Style Guide

We have two typefaces—Spectral and Montserrat—that are deliberately used together to balance the hierarchy throughout our communications. See examples below.

Heading 2 - Montserrat, All Caps, 900,

Heading 3 - Montserrat, All Caps, 900

Heading 4 - Montserrat, All Caps, 800

Heading 5 - Montserrat, Sentence Case, 600

Heading 6 - Montserrat, Sentence Case, 400

Eyebrow - Montserrat, All Caps, 500

Double Space
Double Space

Normal Text - Spectral, Sentence Case. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Quote - Spectral, Sentence Case, italics. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Normal Text with an inline link. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

All website button styles and their live examples.

Navy Button Navy Outline

White (update name to White / Navy on hover)

White Outline White Outline w/ White Icon

Outline Naked Button Style (Always all caps)

Online Conversation

Icon grid lorem ipsum testing.

Icon Outsourcing

Icon grid lorem ipsum with text.

Badge Icon

Icon grid lorem ipsum with text.

Workgroup Icon

Icon grid lorem ipsum with text.

Bubble Title Icon 1

Bubble Title Icon 2

Bubble Title Icon 3

Bubble Title Icon 4

Bubble Title Icon 5

Bubble Title Icon 6

Card Title One

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Custom link text

Card Title Two - No cta example

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.