[Systems & Namespace] Design Systems vs. Pattern Libraries vs. Style Guides

This page displays take away information I have saved from articles read focused on design systems and namespaces methods. I use this as a reference point for research in the design systems and namespaces category.

Take Away:

Design System:
the complete set of design standards, documentation, and principles along with the toolkit (UI patterns and code components) to achieve those standards.

Pattern Library:
A subclass in the design system, this is the set of design patterns for use across a company.

Style guide:
Another subclass in the design system, this static documentation describes the design system itself: how products should look and feel, use cases for UI patterns, correct typographic scales, etc.

Bottom line:
A pattern library (e.g. set of symbols and assets in Sketch) and style guide are only parts of the much more robust design system.

image2-7.png