Menu
10 contexts, 10 design languages
A design system is a set of rules that are used to ensure that consistent principles are always applied so that users can have the same experience. With consistent principles, you can give the same impression with the same voice, and it is efficient by eliminating unnecessary communication. Depending on the scope of application of this system, the definition of design language and design system is different. It applies to various areas depending on the company, including guidelines for visual appearance, code used for development, specific ux patterns, and all experiences in the associated ecosystem. We've researched the best design systems to get you inspired to create a better design language.
These are Apple's design guidelines, which are called the textbook for a smooth user experience. We provide detailed guidelines for not only design but also development. It provides design principles to provide a consistent experience appropriate for platform characteristics and UI Kits for various devices provided by Apple.
https://developer.apple.com/design/human-interface-guidelines/ios/overview/themes/
Material Design was a sign that Google could set the future as a true standard in design. After this design system was released, everyone in the world became aware of the basics of the design system. It is a design system that is the foundation of a solid foundation that allows various services and brands around the world to express themselves in a variety of ways based on this language. Currently, version 3 has been released and a more advanced design language called Material You is proposed.
This is Microsoft's design system. Aiming at persuasive design systems for a complex world. It is the successor to Microsoft's Metro Design, which played a major role in moving from skeuomorphism to flat design. Fluent built a system around the components of light, depth, movement, material, and scale.
https://www.microsoft.com/design/fluent/#/
This is the design language of IBM, a global dinosaur company. All components comply with the accessibility checklist. It is categorized by the user's vision, hearing, physical, and cognitive disabilities, and also explains how it relates to general users. As we are a large company with a significant impact on various areas around the world, we propose a design language for a wide range of people.
https://www.ibm.com/design/language/
This is Alibaba Group’s design system. Since there are many large corporate products, we provide a design system to encompass them. It provides various web components like Bootstrap provided by Twitter.
It is the design language of Atlassian, an Australian enterprise software company. Jira, an issue tracking app, is famous for its collaborative wiki confluence. Provides design patterns, code structure, and UI resources.
This is the design language of Salesforce. The context is similar to Shopify, and they provide guidance on the platform that isn't available elsewhere, including visualforce and heroku. It provides a significant number of component guidelines.
https://www.lightningdesignsystem.com/
Airbnb’s design is leading the industry’s design culture. We built a story about a design culture that goes beyond design for implementation. Based on various topics related to design, Airbnb's unique problem-solving method was explained in blog format.
It is Adobe's design language that services Photoshop, Premiere, etc. We aim to be a design system that grows with communities for various platforms. Definitions and explanations of the foundations of the design system, such as design tokens, are detailed. Additionally, the guidelines for the writing used in the content have been carefully laid out.
This is Uber’s design system. Uber's design system announcement has always created a stir. It contains the Uber brand designed by Wolff Olins. It is famous for its bold and solid design language. The detailed guidelines for motion are especially impressive.
This is the design system of Audi, which produces world-class luxury cars. We focus on how the brand identity of Audi should be communicated. The goal is to deliver a consistent user experience at every touchpoint with Audi, from cars to applications.
https://www.audi.com/ci/en/renewed-brand.html
Every Tuesday morning, a designer with 16 years of experience curated Collect design trends.
