Banner

Typography and iconography updates

Discover the next big changes in our design language: bold new fonts and a beautiful intuitive iconography system.
Mar 18, 2025·5 min read·Release roundup·Written by the Design System Team

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.

The small differences between Atlassian Sans and Atlassian Mono typography are highlighted, showing they are similar in baseline, stroke, width, and X-height.Text in Atlassian Sans and Atlassian Mono highlighting their similarity in baseline, stroke width and X-height.

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.

Old icons are shown with more inconsistent visual weighting compared to the new icon example set, which is visually consistent and has a lighter stroke width.Old iconography library icons versus new library icons in beta.

Latest updates

Typography changes

Figma

Code

Documentation

Iconography changes

Figma

Code

Documentation

What's new

Featured2025
© 2025 Atlassian