Forms and input

Date time picker

Caution

Images and icons

Avatar skeleton

Deprecated

Beta

Layout and structure

Deprecated

Caution

Caution

Loading

Early Access

Messaging

Early Access

Onboarding (spotlight)

Caution

Section message

Navigation

Atlassian navigation

Caution

Navigation system

Beta

Side navigation

Caution

Overlays and layering

Caution

Caution

Primitives

Beta

Beta

Caution

Status indicators

Progress indicator

Progress tracker

Text and data display

Caution

Visually hidden

Libraries

Beta

Pragmatic drag and drop

Tooling

Beta

Storybook addon

Stylelint plugin

UI Styling Standard

Design at Atlassian

Avatar

An avatar is a visual representation of a user or entity.

Was this page helpful?

We use this feedback to improve our documentation.

What's new

Get started

Design Develop Content design About the design system

Foundations

Tokens Accessibility Content Spacing Grid Color Typography Iconography Illustrations Logos Elevation

Components

Forms and input Images and icons Layout and structure Loading Messaging Navigation Overlays and layering Status indicators Text and data display Primitives Libraries

Tools

Figma libraries App provider ESLint plugin Storybook addon Stylelint plugin UI Styling Standard

Design at Atlassian

Featured Products & News YouTube Instagram

© 2025 Atlassian

Contact us Careers Trademark Privacy License