Page History
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
| Info | ||||
|---|---|---|---|---|
| ||||
To explain the single template, organism, molecule or atom, this design kit uses the Web Max(1920) Breakpoint. |
Header spacing
The tablet header becomes differs from 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
