Design Systems vs. Style Guides

Design systems are a set of standards (like Google’s Material Design or IBM’s Carbon Design System) needed to manage design at scale. Style guides (like content or visual style guides) are just one piece in a design system.


This content originally appeared on NN/g latest articles and announcements and was authored by Kelley Gordon

Summary: Design systems are a set of standards (like Google’s Material Design or IBM’s Carbon Design System) needed to manage design at scale. Style guides (like content or visual style guides) are just one piece in a design system.



Design systems and style guides are highly related and often confused, but they aren’t the same.

A Parent-Child Relationship

Design systems and style guides both capture certain guidelines, principles, and visuals for creating interfaces or other designs within a company, product, or service. They allow UX professionals and developers to design and develop with visual consistency that otherwise would be challenging to produce and maintain at scale.

Their main distinction lies in their depth of complexity and relationship to each other. Design systems and style guides take the form of a parent-child relationship . The design system is the “parent” — it contains different smaller pieces, including style guides. Style guides, pattern libraries, and component libraries are the “children” that collectively make up a larger design system.



Read Full Article


This content originally appeared on NN/g latest articles and announcements and was authored by Kelley Gordon


Print Share Comment Cite Upload Translate Updates
APA

Kelley Gordon | Sciencx (2024-05-24T17:00:00+00:00) Design Systems vs. Style Guides. Retrieved from https://www.scien.cx/2024/05/24/design-systems-vs-style-guides/

MLA
" » Design Systems vs. Style Guides." Kelley Gordon | Sciencx - Friday May 24, 2024, https://www.scien.cx/2024/05/24/design-systems-vs-style-guides/
HARVARD
Kelley Gordon | Sciencx Friday May 24, 2024 » Design Systems vs. Style Guides., viewed ,<https://www.scien.cx/2024/05/24/design-systems-vs-style-guides/>
VANCOUVER
Kelley Gordon | Sciencx - » Design Systems vs. Style Guides. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2024/05/24/design-systems-vs-style-guides/
CHICAGO
" » Design Systems vs. Style Guides." Kelley Gordon | Sciencx - Accessed . https://www.scien.cx/2024/05/24/design-systems-vs-style-guides/
IEEE
" » Design Systems vs. Style Guides." Kelley Gordon | Sciencx [Online]. Available: https://www.scien.cx/2024/05/24/design-systems-vs-style-guides/. [Accessed: ]
rf:citation
» Design Systems vs. Style Guides | Kelley Gordon | Sciencx | https://www.scien.cx/2024/05/24/design-systems-vs-style-guides/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.