Zurück zur Übersicht

Aktionen

Button

Button  

Abstände bei Buttons

Buttons werden als flächige Elemente mit einem Label dargestellt. In Ausnahmefällen, wie dem Detail-Disclosure-Button, wird ein Button auch einfach durch ein Icon dargestellt.

  • Abstand vertikal (A): 0,5 rem
  • Höhe (B): 4 rem
  • Breite: variabel
  • Eckradius: 0,2 rem

Das Label basiert auf FontDefault. Seine Ausrichtung ist horizontal und vertikal zentriert.

Je nach Zustand wird ein Button mit einem anderen Farbverlauf dargestellt:

  • Normal:
    • Verlauf Oberkante Farbe: #0098A1, Position: 100 %
    • Verlauf Unterkante Farbe: #007982, Position: 0 %
  • Aktiv:
    • Verlauf Oberkante Farbe: #00646C, Position: 80 %
    • Verlauf Unterkante Farbe: #00838D, Position: 16 %

 

Link

Ein Link basiert auf einem beliebigen Text- oder Listenelement. Die Schrift entspricht dem Text- oder Listenelement, auf dem der Link basiert.

  • In Fließtext können ein oder mehrere Wörter als Link verwendet werden.
  • Andere Textelemente können nur als Ganzes verlinkt werden.
  • Listenelemente können nur als Ganzes verlinkt werden.

Farben

  • Normal: ColorBlueGreen
  • Aktiv: ColorBlueGreenHighlight
  • Visited: ColorBlueGreenHighlight
  • Deaktiviert: ColorDark

PHOENIX CONTACT
GmbH & Co.KG

+49 5235 3-43862

Ulrich Becker

Information Architect

Weitere Informationen

Diese Webseite verwendet Cookies. Für weitere Informationen lesen Sie unsere Datenschutzerklärung.

Schließen