Atlassian brand guidelines
Atlassian Design is an extensive design system and editorial hub documenting foundations, components, design tokens, and team practices.
Homepage of Atlassian Design featuring design system highlights, news and blog articles, and design team showcases.
Color foundations overview page on the Atlassian Design system website, featuring saturated color palette ramps and page navigation.
Tokens overview page from Atlassian Design System, showing an introduction, an abstract geometric illustration, and a card linking to the design token library.
Typography foundations page from the Atlassian Design system documentation.
Want a brand center like Atlassian’s?
Create your brand center with Freedam ↗Freedam's take
I really appreciate how Atlassian brings internal design culture and system specifications into a single home. Landing on the site, you immediately see team talks and design articles sitting alongside core foundations. Inside the documentation, they treat design tokens as foundational infrastructure, connecting color roles, typographic scales, and icons directly into both code and design workflows. It feels like a living portal where product craftsmanship, custom typefaces like Atlassian Sans, and technical standards share equal billing, giving designers clear principles while explaining the exact mechanics behind their digital interfaces.
At a glance
- Sections
- Design system · News · Foundations · Components · Rovo UI · Tools
- Tone
- Structured, systematic, and informative documentation tailored for digital product design and engineering.
What I noticed
- The website incorporates both system specifications and editorial articles, including a dedicated News section and talks.123
- The typography documentation features Atlassian's custom typefaces, Atlassian Sans and Atlassian Mono.4
- Color documentation displays saturated colors organized in nine vertical gradient columns stepping from light to dark.5
- Tokens are presented as the single source of truth across code and design, supported by a dedicated token library section.678
Numbers refer to the screenshots above.
What I could not see
- Could not inspect the full component library view, Rovo UI documentation, or direct asset download links.
Ideas to borrow
Quick answers
What primary typefaces are used in the Atlassian Design system?
The system specifies Atlassian Sans and Atlassian Mono.4
Reviewed on 25 September 2026. Request a correction · I built this
