
Typography and iconography updates
Discover the next big changes in our design language: bold new fonts and a beautiful intuitive iconography system.This month we've rolled out our new system fonts to bring a fresh look to our interface. Our icons got a brand new look and a better taxonomy.
Read on for the highlights and the full list of updates.
Meet Atlassian Sans and Mono
We’ve built our new typography system from the ground up, from the introduction of tokens and text components and moving to enhancing legibility and usability through the creation of a scale and refined system of styles.
The update includes our refreshed system fonts Atlassian Sans and Atlassian Mono, a perfect pair that shares the same baseline, similar stroke width and a similar x-height.
The typography system is in Beta and available for Atlassian teams. It will be available for everyone soon.

Icons get a glow up
The new-and-improved iconography system is key ingredient of our modern design language.
The consistent icon sizing and spacing ensure a uniform look and feel across the platform. Our improved icon taxonomy, detailed usage information, and icon explorer makes finding and using icons much simpler.
The consistent icon sizing and spacing work harmoniously with our new typography and other UI elements, ensuring a uniform look and feel across the platform.
Along with the gorgeous new icons, we’ve launched refined documentation and guidance, improved tooling, and a clear process for Atlassians to contribute icons to the system.
The iconography system is in Beta and available for Atlassian teams. It will be available for everyone soon.

Latest updates
Typography changes
Figma
- View styles and components in legacy (original), modernized (updated) and refreshed (final) inADS Foundations and Design Tokens (Atlassians only).
- Learn how to use the new system in ourFigma playground (Atlassians only).
Code
- Use the updated heading component andtext primitive.
- Follow the typography system migration guide (Atlassians only).
Documentation
- Review the updated typography style docs.
- Reference the new font tokens.
Iconography changes
Figma
- Start using the new icons in theBeta icon migration guide (Atlassians only).
Code
- Follow the migration guide for the new icon component.
- Reference icon code examples.
Documentation
- Find the icon you need using theicon explorer.
- Review the updated iconography style docs.
- Follow guidance to contribute new icons (Atlassians only).