Typography

Help Scout’s primary typeface is Graphik.

The typeface is used at various weights, primarily Regular (400) and Medium (500). As a general rule, it is best to avoid Light (300) or lighter weights to ensure optimum legibility.

Headings

All headlines are set in Graphik Medium (500) and have letter-spacing set to -0.35px.

H1

36px

46px

There’s a better way to talk to your customers.

H2

24px

30px

There’s a better way to talk to your customers.

H3

18px

There’s a better way to talk to your customers.

Content

Paragraphs are set in Graphik Regular (400).

Large

18px

20px

Every Beacon has a goal. Sometimes your goal is to talk with more customers and gather more feedback. Sometimes your goal is to push a more self-service path so customers can find answers faster. We created Modes so you can align Beacon’s user experience with your goal.

Medium

16px

Every Beacon has a goal. Sometimes your goal is to talk with more customers and gather more feedback. Sometimes your goal is to push a more self-service path so customers can find answers faster. We created Modes so you can align Beacon’s user experience with your goal.

Small

14px

Every Beacon has a goal. Sometimes your goal is to talk with more customers and gather more feedback. Sometimes your goal is to push a more self-service path so customers can find answers faster. We created Modes so you can align Beacon’s user experience with your goal.