18F

18F - Design Pattern Library

A Design Pattern Library is a collection of reusable UI components. It's the foundation of a design system. This exercise helps teams identify patterns, document them, and set usage guidelines. Each pattern includes visuals, code, accessibility, and usage guidance. The library ensures consistency and speeds up design and development.

Duration
8 hours
Group Size
4-8
Category
18F
Difficulty
Easy
Design solutions using consistent UI elements. Use approved, reusable patterns to build features and updates more easily.

  • Design pattern library created.

  • Reusable pattern documentation completed.

  • Consistent design application achieved.

When starting, it's common to find some patterns overlap. Don't be afraid to merge or refine them as you go. Remember to version patterns as they evolve. Also, be prepared to push back when teams want to create 'one-off' patterns that don't align with the library.

Unlock Step-by-Step Instructions

Free account, no card. Every exercise, agenda, and resource in full.

Unlock Pre-Work Requirements

Free account, no card. Every exercise, agenda, and resource in full.

Unlock Materials Required

Free account, no card. Every exercise, agenda, and resource in full.

Unlock Resources & Templates

Free account, no card. Every exercise, agenda, and resource in full.

Discussion

Loading comments...