New design launched on the Swedish Internetbank

On January 18, the internet bank for private consumers in Sweden got a facelift.

Internet banking

These are the pages that are tagged with "Internet banking".

Settings

Gives different alternatives for how features in the channels interface should work and behave.

Motion

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

Form design

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

Help

When our users need help or guidance to fulfil a task

Filtering

The filtering pattern allows users to narrow down specific data and its scope.

Grid & spacing

A grid system is used to harmonize negative space in a layout

Walkthrough modal

A walkthrough modal with slides containing informational text and images.

Widget

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

Toolbar

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

Take-over modal

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

Toast notification

A small message that shows up in a box at the bottom of the screen.

Stepper

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

Table

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

Slider

A slider to adjust values and see results with.

Tab

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

Pagination

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

Search

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

Skeleton loader

Gives the user a glimpse of what content is going to turn up after data has been loaded into the int...

Profile navigation

A menu where the user finds functionality and features connected to its user profile.

Segmented control

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

Top bar

The top bar gives easy access to navigation and global functions.

List

The simplest way of listing data in an orderly fashion with labels and associated data.

Date picker

Date pickers simplify the task of selecting a date in a visual representation of a calendar.

Related Mini

Column customiser

Lets the user customise columns to display in a table.

Coach mark

Coach marks are contextual tips in an interface.

Contact me

A block for users to input their phone number so that SEB can contact them regarding a specific item...

Alert ribbon

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

Card

A card is container for short content, related pieces of information, and action on a specific conte...