Design, build & create with wui’s design system

Check out our guidelines that help you to build a great user experience. You will also learn why and in which contexts we use certain elements, concepts and components.

A good point to start

You want to wuify your application? Get an overview of the following topics to get yourself a good start.

...
Tables

Many different contents means many different styles. Find out how we make tables as clean and consistent as possible.

learn more
...
Color

Learn more about our general color concepts and about our WUI fruit-color-set.

learn more
...
Forms

Check out existing form components and what you need to consider when using them in wescale.

learn more
...
Utils

These little helpers in the form of classes with (usually) one styling, help you to react flexible to different use cases.

learn more
...
Card

They often provide the user with an overview or entry point to a particular item and are therefore very often found in the wescale UIs.

learn more
...
Feedback

It's important to keep the user informed about the current work-state. Find out how we do that using modals, growls, empty states and alerts.

learn more

Branding

What is possible and what will it look like? Get a first impression of the possibilities to individualize wescale.

By making a few small changes, wescale can be adapted to your own CI to a certain extent. Learn more about these possibilities and the look and feel of wescale.

Branding
WUI customize your colors and Logo
From WUI and with

WUI is wescale’s design system

WPS Management GmbH. All rights reserved | Legal Notice

Some features in this style guide may not work as expected because they are not supported by the browser version you are using.

For the best experience, we recommend upgrading to a newer browser such as Microsoft Edge, Mozilla Firefox, or Google Chrome.