1. Style Guides
&
Pattern Libraries

2. Brittany Mederos
Interaction Designer at Elementum
!
Twitter- @brim

3. What is a style guide?

4. What’s in a style guide?

5. Some Examples
• Nike Style guide
• Adobe Style guide
• Skype Style guide
• Code for America Style guide
• Salesforce Style guide

6. What is a pattern library?

7. What’s in a pattern library?

8. Some Examples
• Code for America Pattern library
• Salesforce Pattern library
• MailChimp Pattern library
• Atlassian Pattern library

9. http://webdesign.tutsplus.com/articles/maintain-consistency-
with-a-website-style-guide--webdesign-10795
http://designshack.net/articles/graphics/how-to-build-a-brand-
bible-visual-style-guide/
Resources