Five design principles

Use the digital design principles as a guiding star in all our digital developments.

Motion

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

Charts & graphs

A graph is a visualization of different types of data.

Widget

A widget acts as a configurable preview for a module and/or page.

Table

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

Take-over modal

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

Stepper

A stepper makes it easier to input values that are in a narrow range.

Visual design thinking

This chapter aims to give guidance on how to think when creating visual design for our brand. The vi...

1. Keep it together

At the base of all our design lies some fundamental visual elements that makes up the visual express...

2. Design for a purpose

For design to be impactful it needs to fulfil a purpose. The purpose should answer the question: wha...

3. Lead the way

Design guides people through the in's and out's of our products.

4. Don't simplify, make it simple

We always aim for presenting the complex in a simple and approachable way. This is a key aspect of a...

5. Progress and evolve

Be brave, challenge your design and push boundaries!

Form design

Forms are often the final step in the journey of completing their goals, which is why it's important...

Wizard - take over

The most complex and complete type of wizard we have, used mainly for complex tasks in logged in cha...

Search

Inspiration

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

Page header

A collection of data that can be used with a Story page or News page to give the reader better overv...