Atlassian Design System
Use Atlassian’s end-to-end design language to create simple, intuitive and beautiful experiences.
Visit Website Design Source
About Atlassian Design System
The Atlassian Design System is a comprehensive set of design principles, components, and resources that help create a consistent and intuitive user experience across Atlassian products. It provides a shared language and toolset that helps teams create better products faster.
The system is organized around four core principles: Clarity, Consistency, Efficiency, and Delight. Clarity emphasizes good design that is easy to understand and use. Consistency ensures users can move between products with minimal effort and have a similar experience. Efficiency helps make sure that users can get where they need to go quickly and easily. Delight encourages product teams to think beyond simple usability to create an enjoyable and memorable experience.
The Design System provides a variety of resources to help teams build better products. It includes guidelines for creating user interfaces, components for prototyping, and helpful tips for creating a cohesive product. It also provides a library of assets such as icons, logos, and illustrations to help teams create a consistent look and feel across products.
The Design System is constantly evolving to keep up with the latest trends and best practices in design. It’s an ongoing effort to ensure users have the best possible experience when using Atlassian products.
FAQ
What is the Atlassian Design System?
The Atlassian Design System is a comprehensive set of design principles, components, and resources that help create a consistent and intuitive user experience across Atlassian products. It provides a shared language and toolset that helps teams create better products faster.
What are the core principles of the Atlassian Design System?
The Atlassian Design System is organized around four core principles: Clarity, Consistency, Efficiency, and Delight. These principles help ensure that Atlassian products are easy to use, efficient, and enjoyable for users.
What resources are included in the Atlassian Design System?
The Atlassian Design System provides a variety of resources to help teams build better products. It includes guidelines for creating user interfaces, components for prototyping, and a library of assets such as icons, logos, and illustrations to help teams create a consistent look and feel across products.
How does the Atlassian Design System evolve?
The Atlassian Design System is constantly evolving to keep up with the latest trends and best practices in design. Atlassian actively solicits feedback from users and product teams, and updates the Design System accordingly.
Who can use the Atlassian Design System?
The Atlassian Design System is available to anyone who wants to create better products, whether they are an Atlassian customer or not. The resources provided by the Design System are designed to be useful for teams of all sizes and levels of experience.
Blog Posts About Design System
Related Products View All
P
Pluralsight Design System
The Pluralsight Design System strives toward a cohesive design language for Pluralsight’s products, a shared vocabulary for their teams, and basic building blocks to accelerate development.
H
Human Interface Guidelines
Get in-depth information and UI resources for designing great apps that integrate seamlessly with Apple platforms.
S
Seek Style Guide
The SEEK styleguide's purpose is to enable the creation of content that will assist our users to complete tasks easily and hopefully enjoy the experience.
S
ServiceNow Design System
The ServiceNow Design System is a living system that empowers us to design and achieve a consistent, efficient, and high quality visual language that brings cohesion and familiarity to the user experience across the platform.
N
Nachos
Nachos is Trello's design system. This comprehensive guide and resource library contains everything you’ll need to design with us, including our core principles, visual design and interface components.
P
Photon Design System
Photon is the Firefox design language to build modern, intuitive, delightful experiences, for products across all platforms – from mobile to desktop, from TV to the next big thing.
P
Predix Design System
Our user interface components enable you to quickly and easily create Industrial Internet web applications that run on dedicated Predix services and data.
C
Canvas Design System
This library showcases the building blocks that make up Hubspot's design system, from colors and typography to React-based components and data visualization tools.
G
Global Experience Language (GEL)
GEL is the BBC's shared design framework which enables us to create consistent and delightful user experiences across all of our Digital Services.
Y
Yelp Styleguide
The styleguide is a resource that provides a common language around Yelp’s UI patterns. We use it to maintain modular front-end code and visual consistency across the web app.
