Design Systems, Pattern Libraries & Style Guides... Oh My!

Style Guides, Pattern Libraries, and Design systems are all anyone is talking about lately, and for good reason. They all share a similar goal of creating a more consistent design process that increases productivity and also effectiveness. Some people don’t know the difference, so let's break them all down.

Remember to Subscribe https://goo.gl/6vCw64

/// Design system
The comprehensive set of values, semantics, syntax, and context that form the foundation of a shared design language

/// Style guide
The physical or digital document that represents the styles, patterns, practices, and principles of a company/brand and teaches how to use it

/// Pattern library
An organized set of related, reusable components, often containing code examples, design guidelines, and use cases



////////////////// Style Guides
Foursquare Style Guide
https://playfoursquare.s3.amazonaws.c...

Animal PLanet Styles Guide
https://logoblink.com/wp-content/uplo...

Barnes & Noble http://portacreativeserver.com/vault/...

////////////////// Pattern Libraries
Pattern Library
https://natashahockey.github.io/patte...

MailChimp Pattern Library
http://ux.mailchimp.com/patterns

Bootstrap
http://getbootstrap.com/2.3.2/

////////////////// Design Systems
Shopify Polaris
https://polaris.shopify.com/

Lightning Design System
https://www.lightningdesignsystem.com

Carbon Design System
http://carbondesignsystem.com/

////////////////// Helpful Links
Atomic Design | Atomic Design by Brad Frost
http://atomicdesign.bradfrost.com/tab...

Website Style Guide Resources
http://styleguides.io/

Building a Visual Language – Airbnb Design
https://airbnb.design/building-a-visu...

------------------------------------------------------------------------------------

////////// Want to support my content and get extra goodies? Become a member and get perks like member-only content, behind the scenes, design files, and more...
https://designchamps.io/hip

////////// Connect with me here 👍🏼
Instagram:   / imjesseshow  
Twitter:   / imjesseshow  
Anchor: https://anchor.fm/imjesseshow
Medium:   / imjesseshow  

////////// Sign up for my Monthly Newsletter 📫
http://jesseshowalter.com/newsletter

////////// Music is from Musicbed click below for a free trial 👇🏼
http://share.mscbd.fm/imjesseshow

////////// Equipment 📸
https://www.amazon.com/shop/jesseshow...