Internet Explorer is not supported by Design Library

The last version of Internet Explorer, version 11, was released on October 17, 2013. This is a very long time ago when taking into account the rapid development of web technologies. These days it is often difficult and time consuming to get modern technologies to work well in this old browser. More and more frameworks are dropping support, and even Microsoft themselves has announced that they will fully drop support for IE in their own services in 2021.

Consequently, we have decided to not include support for IE in the Design Library website.

Luckily, there are modern options in active development. Please use Firefox, Edge or Chrome instead.

Components & patterns

Components & patterns

These components and patterns have been designed and agreed upon from an SEB global perspective by you, the design- and developer community. Can we do better? Please contact us!


These components have been designed and agreed upon from an SEB global perspective. Can we do better? Please contact us!


Come here for patterns that are best practices and general solutions to commonly occurring problems.

Buy and sell-pattern

A pattern for the button in a buy and sell function.

Confirmation layout

Gives the customer clear feedback that the task they have implemented is done. 


A pattern used for creating and/or updating properties. CRUD stands for Create, read, update and delete.

Dark mode

This pattern is about what to consider when designing with a dark background and light text.

Drag and drop

Drag and drop (or browse) to upload a file.

Icons and actions

Should icons be to the left or right of an action, link or lable? It depends! Have a look here.


Loaders and spinners are used when a page, function or other content, is loading.

Empty states

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

Error handling

How to guide the user to success.


There are several types of feedback depending on the context, but the common purpose of all types of feedback is to communicate some kind of status or...


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

Formatting guidelines

It's important that formatting of data is done consistently across a system, and hopefully the same way across all SEB systems.

Form design

Forms are one of the most important parts of our digital design.

Grid system & spacing

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

In-context information

Modules and widgets

A widget is a subset of information derived from the module. Widgets acts as a link to its module.


Motion is all about reenforcing understanding and behaviour on user triggered actions. We use it to describe functionality, relationships and intentio...


To introduce users to new features, products or functions.

Presenting PDF-documents

How to present printed content in PDF format in the shells.

Static site template

Are you building a simple, static website? Here's a template to get you up and running.


Definitions and explanations of units and measurements we use.