IXD103 – Style Guides

Style guide
The physical or digital document that represents the styles, patterns, practices, and principles of a design 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. A Pattern Library ensures a consistent user interface. Big sites are developed by different people over a prolonged period and revised regularly. That almost always leads to a fragmented user interface unless there is something in place to ensure consistency.

A self-contained and reusable pattern that represents a specific piece of interface or functionality.

Examples of Style Guides:

My Style Guide

We were tasked with creating our own style guides, based on the ones we were shown in Daniel’s class. Here I have compiled my own set of style guides:

Leave a Reply

Your email address will not be published. Required fields are marked *