Native

Motion

Motion is all about reenforcing understanding and behaviour on user triggered actions. We use it to describe functionality, relationships and intention.

Table

A table displays collections of raw data grouped into rows with supporting headers.

Tab

Tabs make it easy to explore and switch between different views or functional aspects of an app or to browse categorized data sets.

Take-over

Takeover modals enable a user to focus on a specific task while having the ability to go back to their previous view quickly.

Slide-out

Slideout modals allow for more complex interactions while not navigating away from the current view

Field-button group

An input field with a button next to it, for example used for search fields that are on pages or part of blocks.

Forms

Forms are one of the most important components of our digital design. They are a part of a signup flow, a multipage flow, or a monotonous data entry interface.

Progress bar

A visual representation of progress for loading content

Module

A module gives the user a complete overview of all information available for a specific area.

Segmented control

A segmented control is a horizontal set of two or more segments. It’s used as toggles for features or content, similar to radio buttons but more visible and promote exploration.

Rating

A block to measure the customer experience of a page.

Empty states (hybrid)

Empty states occur when there is no content to be shown.