element, a menu. Perceptual patterns are descriptive styles that express and communicate the personality of the product visually, such as color and typography, iconography, shapes and animations.

Each module within the recipe card has its own goal:

To be most effective, interface inventories should be done regularly. Even if your team maintains a pattern library, new patterns will emerge that need to be folded into the system. If you get into a habit of running inventories every few months, each time shouldn’t take more than a couple of hours. And every time you do it, you understand your

Atlassian’s design guidelines have an open source model where everyone is allowed to contribute, and contributions are managed and curated.

Agree on Your Goals and Objectives

Test the color contrast between text and background.

The main purpose of TED’s website can be captured in one sentence: “Spread the ideas as far and as wide as possible.” In terms of TED’s ethos and values, this means reaching as many people as they can, lowering the barrier to entry, and making the product inclusive and accessible. It means prioritizing performance and accessibility over flashy

Functional patterns or modules These terms are used interchangeably throughout the book, to refer to tangible building blocks of the interface, such as a button, a header, a form element, a menu. Perceptual patterns or styles These are more descriptive and less tangible design patterns, such as iconography styles or colors and typography, typically

Collaborative naming will also help team members who did not design or build the patterns understand their use.