Skip to main content

Design system

The design system enables you to centrally create and manage the visual style of your application. It provides a consistent approach to designing and updating the user interface, ensuring that changes to the look and feel are applied uniformly across all elements.

By using a design system, you can streamline updates and avoid the need to manually adjust individual UI elements whenever modifications are required.

An application can have multiple design systems but only one can be enabled at a single point in time.

Colors

The design system allows you to predefine a set of colors for the visual style of your application.

Design system colors

These colors can then be used on UI elements by choosing them from the color picker:

Design system color picker

Typography

Dark vs Light mode