A single source of truth for reusable components and patterns.

What is it?

All digital interfaces consist of UI elements that are linked together through patterns and interactions. These UI elements are recurring in multiple places, used in a different context to accomplish something different each time.

How do we do it?

One button to rule them all. A button for example. It can say ‘Send message’ or ‘Next page’, can be blue or orange. But inherently it is the same thing: a UI element that triggers an action.

In a design system you create one button that has different variables and variants. And therefor can exist in different contexts, while you only specify how it looks and behaves in one place.

Changing the label or context will not change the basic properties of the button. This ensures a consistent use of elements. It helps user-friendliness and saves designers and developers a lot of time.

Ready for the next step in digital experience?