Design an Atlassian experience

Principles and guidelines for designing and building awesome Atlassian experiences. Version 1.4

Get started

Get started

Our Design Guidelines are based on design principles and methods we deeply believe in.

Foundations

Foundations

Each aspect of our user interfaces needs to be harmonious. A set of basic fundamentals ensures consistency.

Components

Components

UI elements that structure data and allow users to interact with our applications and when to receive feedback to understand changes.

Navigation

Navigation

Navigation allows users to move around our applications. It also gives context so users know where they are at any point in time.

Patterns

Patterns

When users interact with a system, they need to receive feedback to understand changes. Communicators contain various techniques to supply this feedback.

Native apps

Native apps

Native apps need to make concessions to their operating system context. Small tweaks in UI elements are needed to accommodate for that.

Our guiding design principles

Making users kickass

Our users should kick ass

We build our products for our users, and we value their choices. We aim to use patterns consistently so that our users don't need to re-learn them every time. And we always play to the strength and flexibility of our products, combined with pretty sensible defaults.

Just enough

Just enough is more

Atlassian products are about getting your work done as effectively as possible. Inspired by Bauhaus and its focus on functional design, we aim to provide just enough design to create an awesome experience. When in doubt, leave it out.

Making developer kickass

Developers should kick ass

Our aim is to rationalize our design decisions as much as possible so that others can quickly build on them. The design guidelines are built with the Atlassian UI framework (AUI). The AUI flat pack is great for rapid prototyping.