Style Guide – The Physical or digital document that represents the styles, patterns, practises and principles of a deign system and teaches how to use it.
Pattern Library – An organised set of related, reusable components, often containing code examples, design guidelines and use cases.
Components – A self-contained and reusable pattern that represents a specific piece of interface or functionality.
This is a great article that was provided by Daniel, it has a great understanding on each of the elements within Pattern Libraries.
Daniel also showed us some great tools we can use when developing our style guides. Style Tiles, Element Collage and the Interface Inventory, all 3 of these tools seem like they will be extremely useful in the future and for our tasks.
- Make an interface inventory for a brand of my choice
- Create an element collage for my brand