The header is the heart of the software. All buttons with global functions can be found here.
The appearance and the contents vary within the different devices. This is necessary because for example
mobile less details are necessary or the details have to be displayed in multiple levels. This also applies to the header.
The basis for all components of the "UI Flow" is the rem Unit of Bootstap.
More details about rem Unit you will find here
Header Box
(Desktop Max-Small)
The header box is oriented to the left and right of the content cutter (3.25 rem).
It has a fixed distance from the top (2 rem). The padding of the header box is fixed (1,5 rem).
Caution, all specifications within the UI definition are in rem
Header Content
(Desktop Max-Small)
The header content consists of icons, dropdowns with menu and logo.
All elements have a fixed distance of 2 rem to each other.
Caution, all specifications within the UI definition are in rem
Best Practice
(Desktop Max-Small)
Here you can see the best practice of the MVP Header design.
Tablet and Mobile
Coming Soon