As per the question, I am currently trying to identify a clear difference between a Style Guide and a Pattern Library within the context of Web Design and Development.
Logically, I feel I have an understanding. I have spent a lot of time, on the internet, trying to understand the difference, but it has just clouded my understanding. It appears that many of the aspects of both a Style Guide and Pattern Library are interchangeable. Maybe there are variations of terminology and interpretation, based on factors such as Geography and Industry.
The way I currently understand, a Website Style Guide would consist of factors such as:
- Typography
- Tone of written content
- Logo Usage
- Colour Schemes
- Of course, other aspects too
Whilst a Pattern Library would consist of actual features on the website, together with their relevant HTML/CSS Markup, for features such as:
- Text Boxes
- Menus/Navigation
- Layout
- Bullet Points
- Plus more ...
In other words, a Style Guide would be created first and become the 'Rule Book', providing all the relevant context on how the website should be approached. Whereas a Pattern Library is a breakdown of the Visual Elements of the website, providing the details of the Markup, where no context is included?
My understanding above, is mainly drawn from my logical interpretation of my preexisting understanding. Any further clarification, would be greatly welcomed and appreciated.