font inspectorWhat font does Atlassian use?
Charlie is Atlassian’s brand typeface across its marketing sites. The home page opens with an 84px headline in Charlie Display.
Short answer: Atlassian uses its own typeface, Charlie, in a Display cut for headlines and a Text cut for everything else. The same family appears on Trello and Loom, which Atlassian owns.
Charlie Text
Self-hosted56.4%- CSS name
Charlie Text- Weights
- 400, 500, 600, 700
- Sizes
- 24px · 20px · 18px · 16px · 14px · 12px
Charlie Display
Self-hosted41.4%- CSS name
Charlie Display- Weights
- 400, 500, 600, 700
- Sizes
- 84px · 52px · 28px · 24px · 16px
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 | Charlie Display | 84px | 600 | 1 | normal |
| Subheading | Charlie Display | 52px | 500 | 1.15 | normal |
| Body text | Charlie Text | 18px | 400 | 1.44 | normal |
| Navigation | Charlie Text | 16px | 400 | 1 | normal |
The main font stack in the CSS:
font-family: "Charlie Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;- No letter spacing is adjusted anywhere, even at 84px. The display cut is drawn tight enough already.
- The page also loads Atlassian Sans, the typeface of Atlassian’s product interfaces, and a small amount of Atlassian Mono.
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 atlassian.com or anywhere else, and lists every font on the page. Free, no account.
About the fonts, and whether you can use them
Charlie Text
The text cut of Atlassian’s custom sans serif, used for paragraphs, navigation and buttons.
Can you use it? Charlie is proprietary to Atlassian. Figtree and DM Sans are free sans serifs with a similar friendly, rounded tone.
Charlie Display
The display cut, with tighter proportions for headlines.
Can you use it? Also proprietary. The same free alternatives apply.
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 Figtree, which is open source, with the sizes and spacing measured above. It is an approximation, not a copy of Atlassian’s brand typeface.
/* Approximates the Atlassian look with a free font */
body {
font-family: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
h1 {
font-size: 5.25rem; /* 84px */
font-weight: 600;
line-height: 1;
}
p {
font-size: 1.125rem; /* 18px */
font-weight: 400;
line-height: 1.44;
}How we checked
We opened atlassian.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.
Atlassian and its typefaces are trademarks of their respective owners. Font Inspector is not affiliated with Atlassian.
Questions & answers
What font does Atlassian use on its website?
Atlassian uses its own typeface, Charlie, in a Display cut for headlines and a Text cut for everything else. The same family appears on Trello and Loom, which Atlassian owns.
Can I use the Atlassian font?
Charlie is proprietary to Atlassian. Figtree and DM Sans are free sans serifs with a similar friendly, rounded tone.
What is a free font similar to Charlie Text?
Figtree and DM Sans 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 Atlassian uses myself?
Open atlassian.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.