Color

Mit der Color-Component lassen sich Texte, Headings oder Icons gezielt einfärben, um sie sichtbar vom übrigen Designsystem abzuheben.GitHubMarkdown
Veröffentliche eigene Features im mStudio

Grundlagen

Best practices

Achte bei der Verwendung der Color-Component darauf, dass ...

  • sie sparsam und nur in Ausnahmefällen eingesetzt wird.
  • die eingefärbte Schrift stets einen ausreichenden Kontrast zum Hintergrund aufweist.
  • nur kurze Abschnitte (1-3 Wörter) in Texten oder Headings hervorgehoben werden. Die markierten Wörter sollten den Inhalt bzw. die Aussage gezielt betonen.

Verwendung

Verwende die Color-Component, um ...

  • besondere Wörter in Heading innerhalb von Werbe-AccentBoxen farblich hervorzuheben.
  • einzelne Begriffe in Headings oder Texten auf Landing-Pages gezielt zu betonen.
  • Icons für Trendindikatoren auf Dashboards einzufärben.

Auf dieser Seite