Typography
Clean, thoughtful typography can be the difference between communicating effectively and not communicating at all (literally). Readability and hierarchy are at the center of our type philosophy, with a bold — but highly versatile and readable — sans-serif topping our font stack.

Typographic principles
Hierarchy
Strive for strong visual hierarchy, with clear distinction between headers, subheaders, body text, and other key elements. The eye should be clearly guided through a piece of content.
Readability
Avoid ultralight font weights that are difficult to read at small sizes or on small devices. Choose type sizes that maximize readability for each device type.
Intentionality
Think consciously about the type decisions you’re making as you build a design. Avoid introducing too many font sizes or weights that aren’t reinforcing hierarchy, and stick to Graphik for all applications except those where some typographic contrast is needed.
Font stack
The Varonis font stack stars a versatile neo-grotesque sans-serif typeface, complemented by a distinctive mono font for visual accents.

Graphik
Graphik is our primary brand font. This versatile typeface can adeptly play any role, from bold landing page headlines to beautiful, publication-level content. Graphik is used for headers, body copy, display text, and more. The character set supports all Varonis-supported languages except Japanese.
Type scale
Use the following guidelines to create a visually appealing point size/leading ratio, reducing the ratio as the type gets larger, and opening it up as the type gets smaller.
Graphik
- 60/64 We protect data.
- 48/52 We protect data.
- 40/46 We protect data.
- 32/40 We protect data.
- 24/34 We protect data.
- 21/32 We protect data.
- 18/32 We protect data.
- 16/30 We protect data.
- 14/24 We protect data.
- 12/22 We protect data.
Application guidelines
Font weights
There are a limited number of approved font weights to ensure readability and clean visual hierarchy.

Graphik Semibold
Use for headers and subheaders.

Graphik Regular
Use for body copy, footnotes, boilerplates, and more.

Graphik Bold
Use only in unique applications, such as non-standard branding, internal graphics, etc.

Graphik Light
Avoid lightweight fonts. They were trendy five years ago, but now they’re just hard to read!
Color roles

Headers, subheads, body text, backgrounds

Headers, subheads, body text, backgrounds

Subheaders, text links, hover states, backgrounds

Dividers