Digital.gov Guide
Developing and communicating your design
This guide provides tools and approaches for developing and communicating your design.
Establishing reusable patterns
On this page
Method: Design pattern libraries
What
A design pattern library is a shared set of reusable components and guidance for using them.
Why
Design pattern libraries help you use user interface elements consistently. Reusable patterns also make it easier to create new features or make updates to the product.
How to do it
- Start identifying common components as early as possible. This is ideally while you are creating new design elements. Specify the components that make up each user interface pattern. Note possible constraints or restrictions.
- Describe or visualize how people will use the pattern and how it should respond to them. For example, describe how a button appears on load, hover, and click. Include evidence showing how the pattern benefits users.
- Include any code or snippets that frontend developers need to implement the pattern.
- Show examples of how the same pattern could work in different situations.
- Publish the design pattern library in an open, accessible space where your team can use it and update it over time.
Time required
2-5 days per pattern; ongoing maintenance
