design.atlassian.comOverview - Get started - Atlassian Design System

Get started Brand Foundations Tokens Components Content Patterns Resources Search Theme Site navigation Open search Theme Design, develop, deliver Use Atlassian’s end-to-end design language to create simple, intuitive and beautiful experiences. Get started New Build fast drag and drop interactions for tables, lists and more. Try Pragmatic drag and drop Tokens Design tokens are the single source of truth to name and store design decisions. Explore our tokens Components Components are the intuitive building blocks of our design system. Explore our components Brand Our brand reflects who we are and how we want our users to feel when they use our products. Explore our brand Mission Our mission is to unleash the potential in every team. Personality Our personality describes the tone we use for external communications. It should be expressed as an embodiment of our values. Promise Our promise is that our tools and practices will help teams work better together in an agile, open, and scalable way. Foundations Foundations are the visual elements needed to create engaging layouts and end-to-end user experiences. Explore our foundations Color Color distinguishes our brand and reinforces consistent experiences across products. Iconography Icons are visual representations of commands, devices, directories, or common actions. Content Our content guidance covers our voice and tone, and the mechanics of our grammar and style. Explore content guidance Language and grammar Use conventions to make your writing clear, consistent, and localizable. Vocabulary A list of words that are defined in terms of how we use them at Atlassian. Writing style The Atlassian writing style reflects our core company values, company mission, design principles, and our voice and tone. Resources A collection of tools, kits, plugins and guides to help simplify the creation process for our users. Contribution Contributing to our design system – a library of content, design, tooling, and code for products. Figma tooling Our Figma libraries contain the latest foundations, components, and patterns for designing and building Atlassian products. Fonts Our fonts have been chosen to communicate in a way that helps our users achieve their goals. Illustration library A catalog of our visual storytelling assets. Logo library Atlassian’s official logos and lockups for all programs, properties, and products. Presentation kit Our complete kit of presentation assets in Keynote and PowerPoint includes graphic assets, sample decks, and more. © 2024 Atlassian Careers (opens new window) Trademark (opens new window) Privacy (opens new window)...