Type is how Dew reads.
Fonts and text styles tuned for legibility and hierarchy.
Hierarchy first. Token always.
Typography establishes visual hierarchy, improves readability, and ensures a consistent experience across every Freshworks product. The type system is built on the Inter Variable typeface, with semantic tokens that map size, weight, and line height so design and code stay in step.
Download System Font ‘Inter Variable’Supported for Windows & MacUse scale tokens
Reference CSS variables like --font-size-body for consistent sizing — themes, density, and platform overrides all stay in step.
Avoid arbitrary font sizes
Never use raw pixel or rem values outside the scale. Skipping tokens reintroduces drift across products and breaks density modes.
One typeface, tuned for screens.
Dew uses Inter Variable as its primary typeface — a purpose-built sans-serif optimized for legibility at small sizes. A single variable font carries every weight, so design and code share one source of truth.
Aa Bb Cc Dd
Ee Ff Gg Hh Ii Jj Kk
0123456789 !@#$%&*
Inter Variable
--base-font-family
Weight establishes emphasis.
Dew ships five weights from Regular to Extra Bold. Use them sparingly — most interfaces only need Regular and Semibold; reserve Bold and above for headlines and standout numerics.
Dew
--font-weight-regular
Dew
--font-weight-medium
Dew
--font-weight-semibold
Dew
--font-weight-bold
Dew
--font-weight-extrabold
A ladder for every density.
From dense data tables to marketing-scale heroes — the scale gives each style a defined size, line height, and a set of weights so emphasis stays predictable.