Watson Playground 

Collection of visuals using Watson to build Docplanner's UI.

Using Watson's tokens.

Left-side navigation.

Left-side navigation.

Design tokens are a tech-agnostic way to store variables. We provide tokens through Watson instead of hard-coded values to ensure better UI consistency across different platforms. Here's an example of the same screen using Watson's tokens (right) and not using them (left).

BEFORE AFTER

What's Watson?

Left-side navigation.

Left-side navigation.

Watson is Docplanner's design language for 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.

Check it here →

email   |   linkedin   |   medium