What is a design system?
A visual design system is built out of the core components of typography, layouts (and grids), shape (or form), color, icons, components and coding conventions, voice and tone, style-guide, even and documentation.
The primary goals of a design system are:
- to develop a single underlying system that allows for a unified experience across platforms and device sizes
- to provide guidelines for good design and user interface/experience across all devices
- to make it easy to add new material design, look, and feel to your website
- to optimally display content
- to create a visual language that puts good design with the innovation and possibility of technology
Design systems give the flexibility needed for working with the unknown devices of the future. They keep creators experimenting and communicating, particularly in the area of design, with the understanding that good user experiences are the true sign of whether our websites are a success.
Further, a design system is a living document that will be updated as the site continues to grow and develop.
TL;DR: A design system is everything that makes up the thing and how it goes together so we don’t go ruin the thing.