Brand Guidelines

Updated 7/14/21

Our Logo

Our horizontal lockup is our official logotype. It consists of the icon and wordmark. Clearspace of ½ of the icon height must be maintained around all lockups. The vertical lockup can be used when the space is square and would compress the horizontal logo to be too small.

Download icons

Colors

Primary Brand Colors

Purple

Hex: #5d22dd

HSL: 259,73,50

Slate

Hex: #6c7d93

HSL: 214,15,50

White

Hex: #ffffff

HSL: 0,0,100

Secondary Brand Colors

Red

Hex: #e2411d

HSL: 11,77,50

Orange

Hex: #fb7b04

HSL: 29,97,50

Yellow

Hex: #f2c10d

HSL: 47,90,50

Blue

Hex: #2583da

HSL: 209,71,50

Turquoise

Hex: #22ddba

HSL: 169,73,50

Green

Hex: #2ed157

HSL: 135,64,50

Grayscale

#f0f2f4
#e2e5e9
#c4cbd4
#a7b1be
#8a97a8
#6c7d93
#576475
#424b57
#2b323b
#16191d
#0b0c0f

Typography

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

1234567890

Brandon Grotesque

Weight: 400

Style: Normal

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

1234567890

Brandon Grotesque

Weight: 500

Style: Normal

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

1234567890

Brandon Grotesque

Weight: 700

Style: Normal

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

1234567890

Inter

Weight: 400

Style: Normal

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

1234567890

Inter

Weight: 500

Style: Normal

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

1234567890

Inter

Weight: 600

Style: Normal

Download Inter