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.
Come here for patterns that are best practices and general solutions to commonly occurring problems.
A pattern for the button in a buy and sell function.
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.
This pattern is about what to consider when designing with a dark background and light text.
Drag and drop (or browse) to upload a file.
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 occur when there is no content to be shown.
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 information to make the user feel confident in what they are doing – or should be doing if something is wrong.
The filtering pattern allows users to narrow down specific data and its scope.
It's important that formatting of data is done consistently across a system, and hopefully the same way across all SEB systems.
Forms are one of the most important parts of our digital design.
A grid is used to harmonize negative space in a layout.
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 intention.
To introduce users to new features, products or functions.
How to present printed content in PDF format in the shells.
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.