Brand Guidelines

Typography

Fonts

Source Sans Pro

Download
  • Semi Bold

    abcdefghijklmnopqrstuvwxyz
    abcdefghijklmnopqrstuvwxyz
    1234567890!@#$%^&*()
  • Regular

    abcdefghijklmnopqrstuvwxyz
    abcdefghijklmnopqrstuvwxyz
    1234567890!@#$%^&*()
  • Light

    abcdefghijklmnopqrstuvwxyz
    abcdefghijklmnopqrstuvwxyz
    1234567890!@#$%^&*()

Source Code Pro

Download
  • Regular

    abcdefghijklmnopqrstuvwxyz
    abcdefghijklmnopqrstuvwxyz
    1234567890!@#$%^&*()

Uses

  • Heading 1 (H1)

    54px/3.4rem
    Source Sans Light
  • Heading 2 (H2)

    36px/2.25rem
    Source Sans Semi Bold
  • Heading 3 (H3)

    24px/1.5rem
    Source Sans Semi Bold
  • Heading 4 (H4)

    16px/1rem
    Source Sans Semi Bold
  • Intro Paragraphs

    24px/1.5rem
    Source Sans Light
  • Body Copy

    16px/1rem
    Source Sans Regular
  • Small
    12px/0.75rem
    Source 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