Content Cards

Content Cards

Content Cards contain an easy to digest overview of the content that lays behind them. They should be clickable and linked to further interactions or content levels. Content Cards with Content Overview Use this expression for category entrances and high level content...
Accordions

Accordions

Accordions consist of a set of headlines, each with expandable content. Only one item can be expanded at a time. Desktop & Tablet Default Elements Coming...
Badges

Badges

Badges symbolize special properties of an item or person. Badges provide a short overview about that property and its value. Simple Badge Default Disabled Simple Badge with Icon Default Disabled Content Card Badge Icon Left Only used in combination (i.e. as bottom...
Breadcrumbs

Breadcrumbs

Breadcrumbs provide information on the current position of the user. Besides the current screen, the hierarchical path to the start screen is listed. Each item of the breadcrumb string is linked to its respective page. Breadcrumbs Default Active Disabled Elements...
Fly Outs

Fly Outs

Fly outs contain a limited amount of data and have the purpose of providing brief information, short forms or tables / menus. Fly outs can be opened and closed manually by the user as well as automatically or as part of another user interaction (e.g. scrolling)....
Graphs

Graphs

Graphs translate data into a visual representation and provide an overview about complex structures or analytics. Bar Chart The bar chart is used for number comparisons in relation to a progressing value (e.g. time). Values can be grouped and summarized. Each y-axis...