Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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.


Image Added
1920 The header-organism

Image Added
1920 The header-molecules

Image Added
1920 The header-atoms


Info
iconfalse
titleImportant, Attention!

To explain the single template, organism, molecule or atom, this design kit uses the Web Max(1920) Breakpoint.






Header spacing


Image Added
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).


Image Added
1024 Astronaut theme

Image Added
1024 Tokyo at night theme