Components
Accordion
Alert ribbons
Badge
This component calls attention to a status/tag/category and highlights it from the surrounding conte...
Breadcrumbs
Bullet point
Button
Buttons are an essential element of interaction design. Their primary role is to help people take ac...
Card
Checkbox
The checkbox allows the user to select one or several of the presented options. The checkbox can be ...
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
Displays high priority and business critical information.
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
Perfect for when users must select one out of two options, or more.
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
Skeleton loader
Slide toggle
A digital on/off switch.
Slide-out
Slide-up
Slider
Spinner
Stepper
Sticky button bar
Sticky summary bar
Tab
Tab navigation
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...
USP list
Video block
Welcome block
Widget
