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.
Typography is a big part of our identity. When used correctly it helps to create a consistent and coherent look and feel. Our typeface is almost always present in everything that we do and is therefore, an extremely important ingredient in our brand.
Typography is used to create clear hierarchy throughout the layout. It is the core structure of well designed interfaces. When type scaling is used appropriately it creates intentional flows, user focus, and progressive emphasis.
SEB uses SEB Sans Serif for both its Marketing and Product brands. It is a strong but neutral typeface that lends personality to the page without overpowering the content.
Install the Vanilla package or download the font here: https://seb.brandmanual.se/en
Have a look at the different sizes of the SEB Sans Serif type face, for both desktop, tablet and mobile devices:
The line height controls the space between baselines in a block of a text. A text's line height is propotional to its type size. The body text 16 has a line height of 24 px (1.4 rem).
All of the sizes have a line height devidable with eight or 4. Larger font sizes need smaller leading and smaller font sizes need larger leading.
We specify the line height like this:
For the body text (text size) 16 / (line height) 24
We always use sentence case text. This means that the capitalization is just like a standard sentence e.g. "Welcome to our bank".
We avoid using ALL CAPS. This is usually used to differentiate a word or text from another. If you need to create typographical hierarchies, use different font weights, sizes or colours instead.
We primarily use left-aligned typography. Aligned left (or ragged right) is the most readable alignment - it provides the eye with a common starting point for each line. Make sure the lines aren't too long. Try to aim for 7-10 words or 45-65 characters per line.
In some cases, centered text is allowed. This is usually in digital contexts or in situations where it helps to present information in a more logical way than left-aligned text. This is only suitable for shorter texts of single words.
We recommend you use our Default styles for common elements (vanilla pattern library) such as headlines, links and body font family.
Have a look at the different sizes of the SEB Sans Serif type face.