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



1920 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).



1920 Astronaut theme


1920 Tokyo at night theme