Versions Compared

Key

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

Basics

Der Header ist im Oberen Teil fest verankert und fixiert. Der Header wandert beim scrollen mit, so das alle funktionen sichtbar und auswählbar sind. Der Header besteht immer aus 3 Haupt Komponenten. 1. Der Navigations Komponente, 2. der Logo Komponente und 3. der Toolbar Komponente. Die Inhalte der einzelnen Komponenten können sich aber innerhalb der X-Series und EdgeOne unterscheiden.

The header is firmly anchored and fixed in the upper part. The header moves with the scrolling, so that all functions are visible and selectable. The header always consists of 3 main components. 1. the navigation component, 2. the logo component and 3. the toolbar component. The contents of the individual components may differ within the X-Series and EdgeOne.

Table of Contents


Info
iconfalse
titleZeplin Documentation

here you will find the handover and the Styleguide of this componente:
https://zpl.io/bzZlmM7





Header Definition


Header MainComponents



Header Dont's


Wrong is if not all three main components are placed.

Wrong is if the main components are not at your position.

Wrong is if too much content is placed in one of the main components

Image Added

Image Added

Image Added




EdgeOne-Header



Basic/1920_Header_EdgeOne_Components&Spacing


Basic/1920_Header_EdgeOne



X-Series-Header



Basic/1920_Header_X-Series_Components&Spacing


Basic/1920_X-Series_EdgeOne