Basics
The header is firmly anchored and fixed in the upper part. The head moves with scrolling, so that all functions are visible and selectable. The header-Organism always consists of 3 molecules.
1. Navigation molecules,
2. Logo molecules
3. Toolbar molecules.
1920 The header-organism
1920 The header-molecules
1920 The header-atoms
Header spacing
The tablet header becomes the standard header within the icon atoms and in the spacing between the atoms. All icons within the tablet breakpoint have a size of 48px. This is necessary because the input via fingers requires a larger area.
1024 header-atoms-spacing
Header theming
All molecules and atoms of the Header exist in two themes, the Astronaut(light) and the Tokyo at Night Theme(dark).
1024 Astronaut theme
1024 Tokyo at night theme
