Shells
Introductions to what you might need to know to create a unified experience, in a certain context. This chapter is being worked on at the moment, stay tuned.
Common shells
We have several common shells that targets a specific customer or user. This section lists them and gives a quick overview.
Current channels
The local adaptions and who you should contact for each current channel.
Grid & responsiveness
This section is about how to think about grid and responsiveness when designing for our common shells.
Navigation
We strive for a content-cased navigation, with the hierarchical navigation as support.
Taxonomy & page types
There are two groups of pages, aggregated pages and base pages.
Page anatomy & zones
The content area is divided into three zones that contain different types of content depending on its function.
Errors and incidents
Sometimes errors will occur and we need to handle them uniformly, and sometimes escalate them to incidents or close the function with a stop page.
Micro-frontend
When you are going to create a micro-frontend page, you need know what guidelines there are for an internal or/and an external shell.
Hybrid design
When we talk about hybrid design, we talk about web being experienced through our native apps.
About hybrid design
With hybrid experiences come challenges but also opportunities. Challenges as how to meet the users' expectations of the platform and opportunities su...
Hybrid design principles
Design principles for web with support for hybrid app
Hybrid dark mode
The differences between dark mode in hybrid and native
Public web
What you need to know to create an experience in public web sites.