Our logo is the most distilled and ubiquitous element of our identity – a universal signature across all Atlassian communications.

While it is a simple logo, we must treat it nicely. This page covers the correct usage.

Logo outline

Symbol

Atlassian's name was inspired by Atlas, the ancient Greek Titan. Atlas's role in life was to prevent the sky from falling by holding it up. Our logo's symbol – referred to as “Charlie” – depicts Atlas performing this act of legendary service.

The symbol should only be used by itself in internal-facing communications or if used as a decorating device in addition to the full Atlassian logo. In all other cases, use the full Atlassian logo.

Logo symbol

Brand hierarchy

The Atlassian parent brand sits at the top of the sub-brands for products, services, add-ons and web properties. All of those sub-brands sit within this simple brand architecture.

Hierarchy of logos

Notes

  • Product logos apply to any product that does not have a parent product above it. For example: JIRA, Confluence, HipChat, SourceTree, Bitbucket.
  • Product extension logos apply to any add-on product (that is owned and operated by Atlassian). Add-on products refers to products which have a parent product. The add-on name is made up of the parent product name followed by the add-on modifier. For example: JIRA Service Desk, Confluence Team Calendars, Confluence Questions.
  • Parent extension logos cover anything else that requires a logo – services (support, documentation, training, etc), programs (Atlassian User Groups, Enterprise, Experts, Foundation), discrete web properties (Atlassian Marketplace, blogs, swag store), etc.
  • The parent logo and parent extension logos are the only logos with a cyan symbol – all other symbols remain navy or white depending on the background color.

Clear space

To ensure that our logo is clearly visible, surround them with the clear space shown below-free of type, graphics, and other elements that might cause visual clutter-to maximize the recognition and impact of our identity.

Where clear space is not at a premium, like in our product headers, the clear space rule does not apply.

Logo spacing
Logo spacing
Logo spacing
Logo spacing

Alignments

In a horizontal row, bottom-align to the baselines of the text in the logotype. In a stacked vertical column, left-align the left-most ascenders in the logotype.

Alignment in logos

Favicon

A cyan Charlie favicon appears on every Atlassian website and product at retina resolution. Download it from our resources.

Alignment in logos

Backgrounds

Our logos should sit on one of these three background colors.

Logo spacing

Dark blue background

Logo spacing

White or light gray background

Logo spacing

Cyan background

Logo spacing

Dark blue background

Logo spacing

White or light gray background

Logo spacing

Cyan background

In the product footers or product email footers, use the medium gray (#707070) version of the logo. When possible, add a hover state that reveals the full color logo.

Logo spacing

Light gray background

Logo alterations

To maintain the integrity of the Atlassian logo, and to promote the consistency of the brand, it is important to use the logo as described in these guidelines. The examples shown here illustrate misuses of the Atlassian logo that should be avoided.

Logo spacing

Loud background

Logo spacing

Low-contrast background

Logo spacing

Busy background

Logo spacing

Drop shadow

Logo spacing

Other colors

Logo spacing

Squeezed

Logo spacing

Logo without symbol

Logo spacing

Outlined logo

Logo spacing

Symbol proportion changed

Logo spacing

Rotated symbol

Logo spacing

Unapproved logo and type lockups