Design systems are an amalgamation of a lot of different ideas and that have evolved over time. They are influenced in large and small ways by style guides, pattern libraries, software development, and even architecture.

A Pattern Language

A Pattern Language is a book written by Christopher Alexander is about using patterns to plan and build environments. The concept of reusable patterns in software development has been highly-influenced by this book.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/7128b9e5-9d66-42b1-8302-35fae6e1dded/Untitled.png

“Each pattern describes a problem which occurs over and over again in our environment, and then describes the core of the solution to that problem, in a way that you can use this solution a million times over, without ever doing it the same way twice.”


Style Guides

Style guides are a visual system for representing a brand or product across digital and print. These are usually tools for designers.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/b062d40a-52b9-4654-b4d1-ba19d9aa38fe/Untitled.png


Pattern Libraries

Pattern Libraries are a collection of styles, components, and patterns for digital products. These are usually tools for developers.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/5af48fec-e521-44d3-b231-e0613e8f7c42/Untitled.png


Design Systems

Design Systems are a collection of styles, components, patterns, and process for digital products. These are intended for designers and developers.