Patterns are best practice solutions for how a user achieves a goal. They show reusable combinations of components and templates that allow users to complete common user actions, tasks and experiences.
Using the right pattern in the right context makes your product familiar and easy to use.
Buttons vs Links
Design Systems have buttons and links that might seem similar to each other, but it is important to consider the use cases to decide which one to use.
Checkboxes, Radio buttons, or Toggles?
Design Systems have checkboxes, radio buttons and toggles that might seem similar to each other, but it is important to consider the use cases to decide which one to use.
Empty States
Empty states are used to fill blank spaces when no content is present, or when the feature is temporarily empty. They are meant to propose a path forward.
Loading
Loading states give users feedback when content or processes aren't immediately available. Effective use of loading states reduces perceived wait times, and improves UX and retention by communicating the system is actively working on the request.
Onboarding
Onboarding refers to the process of guiding users through the initial setup and familiarization with a new feature or significant change in our products.
Group, tile, or list item?
Selection controls can be presented in different ways depending on the context. Choose a group, tile, or list item based on how users interact with the options, how much information each option requires, and whether the choice is part of a form or a list.