What is it?
A design system is the reference manual or collection of rules for designing websites that all share a common look and feel.
It defines how space is used, which fonts and font sizes are used when and where, how input elements look and behave, which colors are used when and where and all other aspects that should be part of the common experience.
A design system should incorporate a Coorporate Identity design if it exists. A design system will extend the coorporate identity into the interactive digital space.
It should be based on the principals of human machine interactions based on computer science work to make it easy for a user to benefit from the digital system.
Examples
- GitHub Primer
- Atlassian Design System
- Audi
- Porsche
- Google Material Design
- Apple Human Interface Guidelines
- Shopify Polaris Design