Logos
Wordmark
The wordmark is the default identity used in most internal applications and is always used when vertical space is limited.
Examples: the header or main navigation of a website, letterhead, email, press releases, horizontal advertisements, etc.
Choose Options
Background
Typography
Fonts
Source Sans Pro
Download-
Semi Bold
abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz1234567890!@#$%^&*() -
Regular
abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz1234567890!@#$%^&*() -
Light
abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz1234567890!@#$%^&*()
Source Code Pro
Download-
Regular
abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz1234567890!@#$%^&*()
Uses
-
Heading 1 (H1)
54px/3.4remSource Sans Light -
Heading 2 (H2)
36px/2.25remSource Sans Semi Bold -
Heading 3 (H3)
24px/1.5remSource Sans Semi Bold -
Heading 4 (H4)
16px/1remSource Sans Semi Bold -
Intro Paragraphs
24px/1.5remSource Sans Light -
Body Copy
16px/1remSource Sans Regular -
Small
12px/0.75remSource Sans Regular
Color
Color
-
Base Gray
#4c5859 -
Light 1
#89a19d -
Light 2
#e1e7e6 -
Light 3
#f5f7f7 -
Dark 1
#3d4647 -
Dark 2
#353d3e -
Dark 3
#2e3535 -
Dark 4
#202525 -
Action Blue
#4cb5ff -
Warning Yellow
#ffb726 -
Alert Red
#ff6040 -
Green
#5ac878 -
Teal
#66ccbb