font inspectorWhat font does Asana use?
Asana’s site is a single-family system. A 102px headline in weight 300 opens the page, and the same typeface runs down to 11px labels.
Short answer: Asana sets its entire website in TWK Lausanne, a grotesque from the Swiss foundry Weltkern, mostly in light and regular weights.
TWK Lausanne
Self-hosted100%- CSS name
TWK Lausanne- Weights
- 300, 400, 500
- Sizes
- 102px · 54px · 30px · 24px · 20px · 16px · 13px · 11px
Sizes, weights and spacing by role
These are computed values from the live page, which is what the Font Inspector panel shows when you click each element.
| Role | Font | Size | Weight | Line height | Letter spacing |
|---|---|---|---|---|---|
| Headline | TWK Lausanne | 102px | 300 | 0.9 | -0.025em |
| Subheading | TWK Lausanne | 30px | 400 | 1.2 | normal |
| Body text | TWK Lausanne | 20px | 300 | 1.5 | 0.02em |
| Navigation | TWK Lausanne | 14px | 500 | 1.5 | normal |
The main font stack in the CSS:
font-family: "TWK Lausanne", "Helvetica Neue", Helvetica, sans-serif;- Light text gets help: body copy at weight 300 is opened up with 0.02em of letter spacing, while the huge headline is tightened.
- The headline line height is 0.9, so lines nearly touch.
Check any site yourself in one click.
Sites change their type without notice. Font Inspector shows the rendered font, size, weight and spacing of any text on asana.com or anywhere else, and lists every font on the page. Free, no account.
About the fonts, and whether you can use them
TWK Lausanne
A clean, contemporary Swiss grotesque designed by Nizar Kazan and published by Weltkern.
Can you use it? TWK Lausanne is a commercial typeface. Inter and Hanken Grotesk are free grotesques that also work well in light weights.
On Google Fonts: Inter, Hanken Grotesk.
Finding a font does not license it. More in how to get a font you found, legally.
Get a similar look with a free font
This starter uses Inter, which is open source, with the sizes and spacing measured above. It is an approximation, not a copy of Asana’s brand typeface.
/* Approximates the Asana look with a free font */
body {
font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
h1 {
font-size: 6.375rem; /* 102px */
font-weight: 300;
line-height: 0.9;
letter-spacing: -0.025em;
}
p {
font-size: 1.25rem; /* 20px */
font-weight: 300;
line-height: 1.5;
letter-spacing: 0.02em;
}How we checked
We opened asana.com in Chrome on September 21, 2026 and read the computed styles of its visible text: the declared font stack, the font actually rendered, and how much of the page’s text each family sets. That is the same data the Font Inspector extension shows under Fonts on this page. We re-check these pages periodically, and the date above shows the last inspection.
Asana and its typefaces are trademarks of their respective owners. Font Inspector is not affiliated with Asana.
Questions & answers
What font does Asana use on its website?
Asana sets its entire website in TWK Lausanne, a grotesque from the Swiss foundry Weltkern, mostly in light and regular weights.
Can I use the Asana font?
TWK Lausanne is a commercial typeface. Inter and Hanken Grotesk are free grotesques that also work well in light weights.
What is a free font similar to TWK Lausanne?
Inter and Hanken Grotesk are free on Google Fonts and give a similar feel. No free font is an exact match, so compare it with your own text first.
How can I check what font Asana uses myself?
Open asana.com, then click any text with the Font Inspector extension, or right-click, choose Inspect and look at Rendered Fonts in the Computed tab. Sites change their typography, so checking the live page is the only way to be sure.