Foundation
Find what you need to create great, uniformed experiences, for both designers and developers, so you can apply it to SEB experiences.
Green design system
Our design system consists of three parts; design guidelines, design and coded components.
Overview
Green aimes at maximizing code quality, code reuse, consistency and collaboration.
Design guidelines
Design guidelines, components and patterns are gathered in Design library.
Figma design system
Where designers create components with quality and reusability in mind.
Components
Green supporterar flera kodimplementationer av komponenter som finns i designbiblioteken.
Mostly for designers
The quick ticket to find out how to work with our digital design.
Getting started
Component process
Anyone can design a component - designers, developers or anyone else that needs a design or has foun...
SEB design process
We strive to simplify what's complex.
Support and resources
Are the guidelines in Design Library not enough? Here is an overview of what type of support there a...
Mostly for developers
The one-stop-shop for how to use components and contribute to Design Library, and other things you need to build an SEB-experience.
Getting started
Npm package installation instructions
If you want to use the components, this is how you go about to install it for Vanilla, Bootstrap and...
Use and contribute components
Design Library aims to help you, as a developer, to create the best possible user experience in the ...
Github links
The components are build by the SEB development community in various frameworks.
Browser strategy
What are SEB:s guidelines for browser support? Find the link here.
Digital design
The current design came into our life in 2017. Would you like to know more about the brand design, go to SEB Brand Manual. If you want to know about our digital design system, this is the section for you!
Change log - design
An iterative design process requires change. This is the page that keeps track of them.
Visual identity
The brand cornerstones are SEB-global and apply to all user groups, customer journeys and systems. T...
Five design principles
The digital design principles are meant to work as the guiding star in all our digital developments ...
Visual design thinking
This chapter aims to give guidance on how to think when creating visual design for our brand. The vi...
Accessibility
Everyone who works with development of SEB's digital services has a role to play in making them.
UX writing
UX writing in SEB's digital services is meant to work as a guiding star for the mindset and tone of voice in the interface communication.