Watson
  • Updates
  • Getting started
    • Design

    • Development

    • Migrating to WDS

      New
  • Guidelines
    • Design Principles

    • Depth

  • Foundations
    • Spacing

    • Size

    • Typography

    • Color

  • Patterns
    • Loading

    • Onboarding

    • Empty states

  • Components
    • Action bar

    • Avatar

    • Badge

    • Banner

    • Breadcrumbs

    • Button

    • Button Group

    • Card

    • Calendar

    • Checkbox

    • Collapse

    • Combobox

    • Date Picker

    • Divider

    • Dropdown Menu

    • Empty State

    • Fieldset

    • Filter

    • File Upload

    • Grid

    • Header

    • Icon

    • Icon Button

    • Input

    • Layout

    • Link

    • Loading Overlay

    • Modal

    • Navigation List

    • Pagination

    • Popover

    • Progress Bar

    • Radio

    • Select

    • Skeleton

    • Spacer

    • Spinner

    • Stack

    • Step Indicator

    • Table

    • Tabs

    • Text

    • Textarea

    • Toast

    • Toggle

    • Tooltip

  • Tokens
  • Iconography
  • Templates
    • Table View

    • Settings

    • Landing

    • Wizard

  • Contribute

Patterns

Get a better understanding of common design patterns and how to use them in your projects.

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 familiarisation with a new feature or significant change in our products.

© 2025 Docplanner Group
Getting startedUpdatesGitHub