Buttons

Buttons

Buttons, or call-to-actions (CTAs) are used for important user actions. Button labels should be speaking in the sense of the user’s understanding, rather than in the system’s language. Buttons can be combined with each other, but only within their label-groups (i.e....
Bubbles

Bubbles

Bubbles are notifications that indicate new available information at the data categorie’s respective link or icon. Bubbles Use bubbles as temporary and dynamic elements that adapt to new information and not as a static element. Indicators need to be used...
Cards

Cards

Cards can be used as an entrance to a category within the content or as bold links, for example on a dashboard interface. As cards have a resemblance with physical cards, it is important to stay close to the real behavior in terms of their haptics and movements. Cards...
Checkboxes

Checkboxes

Checkboxes are used to select one or multiple options from a set of available values. Checkboxes Checkboxes need to be represented using all following states within each item. Default...
Dropdowns

Dropdowns

Dropdowns or select fields enable the user to select one option from a list of multiple options. The selection of an option can affect other form elements on the same page / screen. Dropdown Regular dropdowns are used for selecting one option from an array of...
Filters

Filters

Filters are used to organize a set of available content by categories. They should always be used close to their content. Filters can be added and removed in order to decrease or increase the amount of visible content. Simple Filters Filters need to consist of a label...