Patterns
Benefits modal
First impressions
New experience
New or updated feature
User emotions
User journey sizes
Forms
Inline edit
Media picker
Messages
Page header
Spotlight

Patterns

Patterns are reusable combinations of components that solve common user problems. These best practice solutions help users achieve their goals and help ensure consistency across experiences.

Benefits modal

These modals introduce new experiences to customers.

First impressions

First impressions are the experiences that people using our products encounter when they do or see something for the first time.

Forms

Use forms to allow people to enter data for use by the application, or to configure options.

Inline edit

Inline edit lets people edit content, while allowing them to remain on the page.

Media picker

The media picker provides a simple way to select and add files to applications.

Messages

Use messages to communicate conditions, indicate an event, or show responses to user actions.

Page header

The page header is the first section people see before scrolling. It provides the core information users need when viewing the page.

Spotlight

Introduce new features and functionality when onboarding or change-boarding users.