Patterns

Overview

Patterns compose elements and tokens with content and validation rules to create uniform, accessible experiences.

Displays important messages across web properties

Arranges content and interactive elements in a layout

Toggles the visibility of a content panel

Sorts data by predetermined sections and tags

Collects information from a user through inputs

Adds additional context or decoration to a link

Directs users to other domains or pages

Visual arrangement of logos representing various brands, companies, or organizations

Performs a search and displays relevant content

Moves a user down to content by keyboard input

Anchors an offer to the bottom edge of a page

Anchors an offer to the right edge of a page

Overlays a button that indicates video playback

To request a new element or if updates need to be made to an existing element, contact us.

To learn how to use our patterns in your designs, visit the Patterns section.