Motion

Motion is all about reenforcing understanding and behaviour on user triggered actions. We use it to ...

Dark mode

What to consider and do when designing with dark mode

Empty states

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

Take-over modal

Takeover modals enable a user to focus on a specific task.

Table

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

Tab

The Tab component allows the user to navigate between groups of content that are related and at the...

Slide-up

Slide-up modals are used in a hybrid/mobile context to view more details, subviews or to make a sele...

Search

A search field enables users to enter input in order to search for specific data.

Progress bar

A visual representation of progress for loading content.

Segmented control

A segmented control is a horizontal set of two or more segments.

Pagination

A component that navigates between data that has been divided into separate pages.

Native app - Information card

Information cards are used for "good to know" and general information the user benefits of knowing.

Native app - Error card

Error cards are used to highlight critical issues or problems that users should be aware of.

Native app - Button

Buttons are an essential element of interaction design. Their primary role is to help people take ac...

Rating

A block to measure the customer experience of a page.

Column customiser

Lets the user customise columns to display in a table.

Native app

Native

These are the pages that are tagged with "Native".