Atlassian Design System

Tokens

Atlassian defines design tokens as name and value pairings that represent small, repeatable design decisions. Names have up to three parts: foundation, property and modifier.

• Choose tokens by meaning, not by a specific value.
• Do not pick a token because its colour looks like a match; that can break other themes.
• There are dedicated colour tokens for text, links, icons, backgrounds, borders, charts and skeleton loaders.

Rovo UI

Atlassian calls Rovo UI the AI voice of its design language, defining how Rovo looks, moves and behaves. It includes a generative border, an animated border that indicates AI content is being generated.

• Make workflows proactive.
• Keep the flow state: interactions should be natural and unobtrusive.
• Content and form are dynamic: let people input or transform information in the form that suits them.
• Make it easy to "pop the hood": clear insight into system state and how outcomes are produced.
• Promote collective intelligence, and expand to multi-player and multi-intelligence.
• Weave a bit of Atlassian into the experience.
• Always accelerate responsibly: high quality, not rushed.

Responsive and device guidance