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.

Need a new component?

Anyone can design a component - designers, developers or anyone else that needs a design or has found a problem. Start on a piece of paper and describe the need, then work from there.


These are the steps to contribute with a new/updated component design:

  1. Base the component on user needs and feedback.
  2. Iterate the sketch with your team members, users, cx-coaches (see below) and colleagues. 
  3. The design must be finalised in Sketch (our design tool). Ask us for help with design details.
  4. The component should preferable be built in any of our frameworks so we learn what works early.
  5. Come and show the component at Component Review (Thursdays).
  6. Describe the component.
  7. Add to Design Library and tell the world (Ulrika does this). Done!

Do you want help?

We have two weekly meetings for feedback on design: "Component design" (Mondays) and "CX-coaching" (Wednesdays). You are more than welcome to join. Let us know if you would like an invite, or have any questions, or need help with a step:

Backlog in Github

Have a look in the open Github backlog to see if the problem is noticed. If it's not there, feel free to add it. Start by joining the Design discussion in Github

Basic design tips

Here are some basic design details that we try to keep consistant:

  • Describe sizes in pixel and rem (1 rem=16 pixels)
  • Use sizes (height, width) that can be devided by 8 px or 0.5 rem.
  • Use "our" icons and pictograms for shapes, etc.
  • Make edges of things properly square with hard edges.
  • If you want to communicate that there is interactivity and that the component is clickable, make the edge rounded (4 px or 0.25 rem) and use the colour Dark Blue 2. We do this to make those components stand out a little from everything else.
  • Check the Style section on other components for hints on spaces, sizes, use of colours.
  • Try to keep with the SEB style.

Designing for an internal audience?

Keep in mind that the default size setting on SEB:s computers, is "Medium - 125%". This means that anything you see from our own computers is presented 25% larger than on other computers.



Page last updated


Was this helpful?