Back to overview

Actions

Button

Button  

Spacing for buttons

Buttons are shown as flat elements with a label. In exceptional cases, as is the case with the detail disclosure button, a button is simply shown as an icon.

  • Vertical spacing (A): 0.5 rem
  • Height (B): 4 rem
  • Width: variable
  • Corner radius: 0.2 rem

The label is based on FontDefault. Its alignment is horizontally and vertically centered.

Depending on the state, a button is shown with a different color gradient:

  • Normal:
    • Color gradient, upper border: #0098A1, position: 100%
    • Color gradient, lower border: #007982, position: 0%
  • Active:
    • Color gradient, upper border: #00646C, position: 80%
    • Color gradient, lower border: #00838D, position: 16%

 

Link

A link is based on any text or list element. The font corresponds to the text or list element on which the link is based.

  • In flowing text, one or more words can be used as a link.
  • Other text elements can only be linked in their entirety.
  • List elements can only be linked in their entirety.

Colors

  • Normal: ColorBlueGreen
  • Active: ColorBlueGreenHighlight
  • Visited: ColorBlueGreenHighlight
  • Deactivated: ColorDark

PHOENIX CONTACT
GmbH & Co.KG

+49 5235 3-43862

Ulrich Becker

Information Architect