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.



1920 The header-organism


1920 The header-molecules


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
375 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 Removed
375 header-atoms-spacing




375 Astronaut theme


375 Tokyo at night theme