Welcome to
Watson Design System

Watson is Docplanner's design language for our SaaS products and digital experiences. With the Docplanner Design Language as its foundation, the system consists of working code, design tools and resources, human interface guidelines, and a vibrant community of contributors.

Getting started

Foundations

Watson's foundations will aid you in understanding the design directives that help us build components, patterns, the user interface, and ultimately, create cohesive experiences for our users. These include typography, color, and spacing.

Go to foundations

Components

Watson provides a set of components to help you develop new feature interfaces faster. This frees us up to focus on solving unique product challenges, rather than reinventing interface elements that are already in use.

Go to components