Top navigation

The top navigation holds second level navigation, quick add, quick links, search and the profile avatar. Contextual items can appear as well.


Shortcuts to profile related content are found behind the avatar component.

Quick links

These links provide access to app wide actions and are represented by icon buttons. Contextual actions appear if the user needs to informed about something on a top level.

Quick add

The quick add button allows the user to add a task, call, meeting or ohter key content at all time.


When possible, search should be an input field but on narrow viewports, it can be minimized into a secondary button.

On click, the button expands to the left, covering possible content on that side.

Second level navigation

The tab component is used to display second level navigation. On smaller screens, space is gained by using the small version of the component.