Content design
Learn about UI content standards, voice and tone principles, and design assets.
How content designers use the design system
Atlassian Design System (ADS) is the core framework that powers Atlassian app user interfaces. Most teams use the ADS foundation content guidelines alongside other global standards and team standards (for example, AI content standards).
There are other app-specific components developed by teams to use with ADS. These are documented in Atlaskit (for example, Confluence Editor).
Learn about Atlassian content guidelines
Atlassian Design System is the home of content standards for app interfaces.
Get started writing and designing UI content with these guidelines:
- Voice and tone: Create content that aligns with the Atlassian voice and tone.
- Inclusive language: Show respect and value for everyone, acknowledging diversity.
- Language and grammar: Use conventions for clear, consistent, and localizable writing.
- Date and time: Communicate date and time in a clear, consistent, unambiguous way.
- Atlassian vocabulary (Atlassians only): The official glossary and wordlist for Atlassian app terminology.
Content
Follow content guidance on our voice and tone, language and grammar, inclusive language, Atlassian vocabulary, and date and time.Follow content guidance for components
Write and design content for UIs with these content guidelines from the Atlassian Design System.
Browse some of the component usage guidelines:
- Button: Let users know what will happen when a button triggers an event or action.
- Form: Allows users to input information on a form.
- Modal dialog: Display content that requires user interaction, in a layer above the page.
Components
Combine reusable building blocks to meet specific interaction needs and create consistent user experiences.Designing messages
Browse this section for information on choosing the right component, icon, and color for effective messages.Access Figma libraries and brand assets
Figma libraries
Access the latest libraries for components, foundations, tokens, and styles.
Asset library
Access logos and brand guidelines. Log in to download fonts, illustrations, presentation kit, and templates.Discover Atlassian’s guidelines for documentation
Atlassian Design System has standards and guidelines for UI copy in Atlassian apps. Other Atlassian teams maintain the technical and support documentation standards.
Atlassian developer writing toolkit
Write and publish developer content for your product or service on the Atlassian developer documentation platform (DAC).
SAC user documentation standards
Access resources and apply standards when creating support documentation for Atlassian Support (SAC).Training courses for Atlassians
Get started with Absorb courses about Figma, the design system, and accessible content design.
Figma at Atlassian
Obtain licenses, and create basic prototypes with interactive components.
The Atlassian Design System
Understand the Atlassian Design System and how it can benefit you and your team.