Overview

A particular way in which something is done, is organized, or happens:

Patterns is a very interchangeable term and you could almost argue that a design system is simply a collection of patterns. This isn't very clear or helpful in identifying what we document, so how do we best articulate what are best practise approaches and user experiences in our design system?

We identified types of patterns.

In comparison to components which are reflection of what we have built, patterns are identified as best practise and what we aim to achieve. Most importantly a pattern must be repeatable.

Types of patterns we have identified:

• UI Patterns: Best experience for an identified user goal.
• Microcopy Patterns: Best practise for labelling and written explanations embedded in the UI.
• Layout Patterns: Best practise for creating visual and information hierarchy.
• Starter Layouts: Toolkit of starting points with best practises imbedded.

UI Patterns

Layouts

Microcopy Patterns

Starter Layouts