Overview

Patterns are best practice solutions for how a user achieves a goal. They show reusable combinations of components and templates that address common user objectives with sequences and flows.

Following these guidelines allows us to design experiences that feel consistent and natural for users as they move between applications and ensures that our approach aligns with industry standards.

List

Each pattern has been designed to solve a specific UI problem.

Pattern	Description
App bar	Provides consistent locations to invoke navigation, as well as generalized access to system-wide functions such as system settings, notifications and navigation between products.
Empty states	Essential elements in user interface design that appear when a screen lacks content.
Lateral navigation	Helps users navigate between destinations in an app or to access important actions.
Layout	Uses uniform elements and spacing to encourage consistency across platforms, environments, and screen sizes.
Login	Allows a user to gain access to an application by entering their username and password.
Notifications	Communicates relevant and timely information to users in response to user action or through system-generated messages.
Skeleton	Used to transition from a temporary loading state to a fully loaded UI.