6. — Alla Kholmatova
“Traditionally, a style guide focuses on styles,
such as iconography styles, colors and typography,
while a patterns library includes a broader
set of patterns.”
7. — Alla Kholmatova
”A pattern library is a tool to capture, collect,
and share design patterns and guidelines
for their usage.”
8. — Alla Kholmatova
“[In this book,] by design system I mean a set
of connected patterns and shared practices,
coherently organized to share the purposes
of a digital product.”
9. DEFINITION
◾ Style guide: basic graphic guidelines
◾ UI library: style guide + design patterns
◾ Design system: principles of work with design
patterns, visual language
70. — Rachel Andrew
”A pattern library or a style guide enables the
creation of documentation along with all of your
components. I start all of my projects by working
on the CSS in the pattern library.”