Accordion

Alert ribbons

An alert ribbon is a message used to inform the user about the state of a system, page or function. ...

Badge

This component calls attention to a status/tag/category and highlights it from the surrounding conte...

Breadcrumbs

A breadcrumb is a secondary navigation showing the website hierarchy.

Bullet point

Button

Card

Checkbox

Cluster navigation

Coach marks

Coach marks are contextual tips in an interface.

Column customiser

Contact me

Contact us

Contextual alert

Date picker

Dialogue

Use a dialogue when confirmation is needed or when to alert the user to something.

Dropdown

Eye catcher

Filter chip

The filter chip component allows users to quickly refine the result of data they want to be presente...

Fold-out

Footnote

Graph

Grid & spacing

In-page wizard

Presents a sequence that leads the user through well-defined steps within a page.

Information block

Input field

Language selectors

Light wizard

Link

A link is an item like a word or button that points to another location.

List

Module

More menu

Navbar

Nudge block

Nudges users to further understand or act on our suggested path.

Page header

Pagination

Progress bar

Progress indicator

Radio button

Rating

Related Large

Related Medium

Related Small

Search

Section expander

Truncates sections of information that is not needed to be visible directly to the user.

Segmented control

Select

Skeleton loader

Slide toggle

A digital on/off switch.

Slide-out

Slide-out modals allow for details, flows and interactions while not navigating away from the curren...

Slide-up

Slider

Spinner

Stepper

Sticky button bar

Sticky summary bar

Tab

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

Table

Take over wizard

Take-over

Teaser block with image

Creates awareness and trigger an interest about a new product/service launch.

Toast notifications

Toggle selector

A toggle selector has the same functionality as a checkbox or radio button group.

Toolbar

A toolbar is a series of buttons that enables the user to reach actions or tools related to its' tab...

Tooltip

A tooltip provides additional brief information about a page element or feature. On hover or via tou...

Top bar and menu

A menu that is accessed from a top bar. It is used as a main site navigation in logged-in channels.

USP list

Video block

Welcome block

Widget