Better teamwork
by design

A unified design language

Across all collections, every app feels cohesive and familiar, empowering teams through one design language.

About the design system

Learn how we craft moments that matter
Learn how we craft moments that matter

Design Technologists: The role that turns creativity into code

Atlassian's Design Technologists bridge design and engineering by building interactive, AI-powered prototypes that help teams validate ideas faster, make better decisions, and ship products with higher confidence—before costly development begins.
Blog post
Blog post

Designers’ workflow for shipping code

Blog post

Designing In Variables: How Control Panels Accelerate The Way We Design

Blog post

Designing AI products you can depend on

More design news

Design for AI

Designing for teams today means making clear, useful AI experiences.

Explore Rovo and AI patterns

Discover the system
powering our designs

The Atlassian
Design System

Color

Typography

A portion of the Confluence editor, demonstrating Atlassian heading and body text

AI Patterns

Accessibility

llustration showing a dropdown menu, and a voiceover prompt describing it.

Tokens

color.text.accent.red
color.text.accent.blue
color.text.accent.purple
color.text.accent.orange
color.text.accent.orange
color.text.warning
color.text.success
color.text.danger
color.link
elevation.surface.hovered
color.icon.accent.teal
color.icon.accent.lime
color.icon.accent.orange
color.background.accent.lime.bold
color.background.accent.lime.bold
elevation.surface.overlay
color.icon.disabled
color.icon.accent.magenta
color.icon.accent.teal
color.icon.accent.teal
color.border.accent.magenta
color.border.accent.purple
color.border.warning
color.border.brand
color.border.success

Iconography

A dropdown menu with a variety of icons
Get startedSee what's new

Shape the future of teamwork

A large group of designers and engineers from the Atlassian Design team pose together at a group offsite.

Join our global team of designers, engineers, and researchers, using elegant design to help millions of customers achieve more.

Browse open rolesExplore benefits and perks

Follow our journey

A group of designers at an event. A caption says "Figma Design Systems Event"
, (opens new window)
Five attendees taking a group photo at an event. A caption says "Atlassian Regional Design Studios - Melbourne.
, (opens new window)
Three team members smiling at an event. A caption says "Atlassian AI Design Studio - Melbourne.
, (opens new window)
Two attendees smiling together at an event. A caption says "Friends of Figma - Austin.
, (opens new window)
Three attendees posing together at an event. A caption says "Atlassian Regional Design Studios - San Francisco.
, (opens new window)
Two attendees taking a selfie at an event. A caption says "Atlassian Regional Design Studios - India.
, (opens new window)
Follow Atlassian Design on Instagram
Charlie Sutton

Understanding the underlying material of new technologies is essential for designers to move beyond surface-level interaction and truly innovate.

Charlie SuttonChief Design Officer, Atlassian