Inhaltsbereich Navigation Navigation Fußzeile

Profil-Vervollständigung

Verwendung

  • Neue Slides werden nur zusammen mit dem Design System konzipiert und können beim nächsten Release eingefügt werden.
  • Eine Slide besteht immer aus Dachzeile, Überschrift, Text und Call-to-Action.
  • Chevron-Buttons führen zum nächsten offenen Schritt weiter, nach dem letzten Schritt zurück zur ersten Profil-Vervollständigung. Dachzeile und Chevron-Buttons bleiben stehen, nur Überschrift, Text und Buttons sind unterschiedlich.

Positionierung

  • Das Banner nimmt die volle Breite des Viewports ein.
  • Die Inhalte des Banners und die Navigation liegen zwischen der ersten und letzten Gridspalte.

Ab dem Breakpoint MD (≥ 768px)

  • Die Fortschrittsanzeige ist links von den anderen Inhalten platziert.
  • Die Navigationsbuttons sind rechtsbündig neben der Dachzeile und Überschrift platziert.

Ab dem Breakpoint XL (≥ 1200px)

  • Das Banner erstreckt sich von der ersten bis zur letzten Gridspalte.
  • Die Buttons sind rechtsbündig neben dem Text platziert.