Zurück zur Übersicht

Buttons

Button-Typen

Buttons werden für Formularfunktionen verwendet. Nur der Call-to-Action-Button, der für Kampagnen auf der Homepage-Bühnen und auf Landing Pages genutzt wird, kann auch als Link auf eine neue Seite dienen.

TypVerwendungEigenschaften
Call-to-Action-ButtonAls Call-to-Action-Button auf der Homepage-Bühne und auf Landing Pages.
  • Schrift: Verdana 12 Pixel, Zeilenabstand 16 Pixel
  • Schriftfarbe: #ffffff
Primary-Action-ButtonFür primäre Funktionen in Formularen, Tabellen oder Teasern. Zwei oder mehrere Primary-Action-Buttons sollten nicht nah bei einander verwendet werden.
  • Schrift: Verdana 11 Pixel, Zeilenabstand 15 Pixel
  • Schriftfarbe: #ffffff
Secondary-Action-ButtonFür alle sekundären Funktionen in Formularen, Tabellen oder Teasern. Mehrere Secondary-Action-Buttons dürfen kombiniert werden.
  • Schrift: Verdana 11 Pixel, Zeilenabstand 15 Pixel
  • Schriftfarbe: #0098a1
Primary-action-Button (inaktiv)Zeigt an, dass Pflichtfelder nicht ausgefüllt sind (z. B. unvollständige Konfiguration bei Produkt-Konfiguratoren).
  • Opazität: 50 %
Icon-Buttons mit und ohne TextEinzelne Icons auf Buttons zeigen an, dass durch Klicken eine Funktion ausgelöst wird (z. B. „Löschen“). Icons in Kombination mit Text (z. B. „Schließen“), zeigen eine Funktion auf der Seite an. 

Button-Größen

Call-to-Action-Button

Die Breite eines Call-to-Action-Buttons hängt von der enthaltenen Textmenge ab. Die minimale Breite beträgt 120 Pixel (ca. 13 Zeichen), die maximale Breite ist 200 Pixel (ca. 24 Zeichen). Der Text für diesen Button sollte sich auf eine Zeile beschränken. Nur in Ausnahmenfällen darf ein zweizeiliger Text verwendet werden (maximal 45 Zeichen).

Primary- und Secondary-Action-Buttons

Die Größe eine Primary- oder Secondary-Action-Buttons hängt von der Textmenge oder des verfügbaren Platzes ab, z. B. in einer Tabelle mit vielen Spalten.

PHOENIX CONTACT
GmbH & Co. KG

+49 5235 3-41984

Christine Nolte-Dietrich

Christine Nolte-Dietrich

Coordinator Communication Guidelines