This project and related website provides an extensive library of information and resources to serve as a reference tool to help facilitate the design and development of web-based projects. In addition, much of the content is a collection gathered from varied articles, design systems and tutorials that are bundled together in an effort to share advice and recommendations from experts in the industry.
A design system is a centralized collection of guidelines, principles and reusable components that are guided by clear standards, which helps a business reinforce a consistent brand. These guidelines and components provide a unified language and consistent look and feel when designing websites, apps and products.
- Clarity: Eliminate ambiguity. Enable people to see, understand, and act with confidence.
- Efficiency: Streamline and optimize workflows.
- Consistency: Create familiarity and strengthen intuition by applying the same solution to the same problem.
- Beauty: Demonstrate respect for people's time and attention through thoughtful and elegant craftsmanship.
- Atlassian: https://carbondesignsystem.com/
- Carbon (IBM): https://github.com/carbon-design-system/carbon
- Polaris (Shopify): https://polaris.shopify.com/
- Lightning Design System (Salesforce): https://lightningdesignsystem.com/guidelines/overview/
- Design Systems 101 for Designers: https://www.youtube.com/watch?v=wc5krC28ynQ
- Design Systems Handbook: https://www.designbetter.co/design-systems-handbook