Page History
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
Das Aussehen und die Inhalte variiert innerhalb der verschiedenen Endgeräte. Dies ist nötig da z.b. Mobil weniger Details nötig sind bzw.
Die Details mehrstufig dargestellt werden müssen. Das betrifft auch den Header. Die Basis für alle Komponenten des "UI Flow" ist die 1/1 Mini Unit. Header Content
Header Box
(Desktop Max-Small)
Die Header Box orientiert sich links und rechts an dem Gutter des Grid (13/1). Sie hat einen festen Abstand von Oben (8/1). Das Padding der Header Box ist festgelegt (2/1).
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 margin of the header box is fixed (1,5 rem).
Caution, all specifications within the UI definition are in rem
Header ContentÂ
(Desktop Max-Small)
Der Header Content besteht aus Icons, Dropdowns mit Menü und Logo. Alle Elemente haben einen Festen Abstand von 8/1 zueinander.
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)
Hier sehen Sie ein Best Practice mit den Icons, Dropdowns mit Menü und Logo des MVP's.
Here you can see the best practice of the MVP Header design.
Tablet and Mobile
Coming Soon
