Vielen Dank. Ihre Daten werden übertragen.

Buttons & Links

Eine stringente Benutzung von Navigationselementen erleichtert dem Besucher die Navigation und Benutzung der Website. Im folgenden wird die Anwendung der einzelnen Elemente beschrieben.

Links

Links werden innerhalb von Texten verwendet um zusätzliche Informationen auf anderen Seiten zu "verlinken". Neben dem werden Links in den Navigationen verwendet oder um Texte und Wörter mit Dateien oder Funktionen (Telefon, E-Mail) zu verknüpfen.

Links Default

Lorem ipsum dolor sit amet, normaler Link consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, .link-text ultricies nec, pellentesque eu, pretium quis, sem. Nulla .link-muted consequat massa quis enim.

Links Contrast

Lorem normaler Link ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, .link-text-contrast ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

Buttons

Buttons erfüllen folgende konkrete Funktionen:

  • Kennzeichnung von Elementen, die eine Funktion auslösen (z. B. Absenden eines Formulars)
  • Gezielte und hervorgehobene Nutzerführung

Dabei sind Buttons nach Prioritäten geordnet und sollten entsprechend verwendet werden:

  • btn-primary: Priorätit 1; maximal 1-2 mal pro Seite
  • btn-secondary: Priorität 2; bis zu 4 mal pro Seite
  • btn-link: Priorität 3; bis zu 6 mal pro Seite
Buttons Default

.btn-primary

Button Primaryarrow-rightcheck

.btn-secondary

Button Secondaryarrow-rightcheck

.btn-link

Button Link

Buttons Contrast

.btn-primary-contrast

Button Primary Contrastarrow-rightcheck

.btn-secondary-contrast

Button Secondary Contrastarrow-rightcheck

.btn-link-contrast

Button Link Contrast