Version:

Plain Text Facet ​

Plain Text Facets werden verwendet, um Texte neben anderen Facetten eines Objekts zu platzieren.

Overview ​

Intro ​

Die Plain Text Facet wird verwendet, um Texte neben anderen Facetten eines Objekts zu platzieren (z.B. auf Objektseiten). Links können im Fließtext verwendet werden.

broken_image

Plain text facet

Verwendung ​

👍 Do👎 Don't
...wenn die Information den Charakter einer Kurznachricht, Notiz oder Begründung hat, die in einem oder wenigen Sätzen kommuniziert werden kann....wenn einfache Datensätze wie z.B. "E-Mail: mustermann@beispiel.de" dargestellt werden sollen. Verwende dazu die Name-Wert-Facette.
... wenn längere Fließtexte vorliegen, die den Charakter eines Blog Eintrags oder Hilfeartikels haben. Gestalte dafür individuelle Seiten oder Inhalte.

Guidelines ​

Aufbau ​

broken_image
Figma

Aufbau der Plain Text Facet

  1. Überschrift (Optional)
  2. Text

Varianten/Typen ​

Standard Variante ​

Die Standard Variante stellt bis zu 80 Zeichen in einer Zeile dar.

Figma

Plain text facet

👍 Do👎 Don't
...wenn die Fließtexte unterschiedlich lang ausfallen können, z.B. zwischen 2 und 10 Zeilen lang sind....wenn horizontaler Platz gespart werden soll, z.B. in der Kopfzeile einer Objektseite, und der Fließtext verhältnismäßig kurz ist, d.h. z.B. max. 1-2 Zeilen lang ist. Verwende dazu die kompakte Variante.

kompakte Variante ​

Die kompakte Variante stellt bis zu 55 Zeichen in einer Zeile dar.

broken_image
Figma

Plain Text Facet kompakt

👍 Do👎 Don't
...wenn horizontaler Platz gespart werden soll, z.B. in der Kopfzeile einer Objektseite, und der Fließtext verhältnismäßig kurz ist, d.h. z.B. max. 1-2 Zeilen lang ist....wenn die Fließtexte unterschiedlich lang ausfallen können, z.B. zwischen 2 und 10 Zeilen lang sind.

Verhalten ​

Responsives Layout ​

Die Komponente limitiert die Zeilenlänge selbstständig für eine bessere Lesbarkeit, auch wenn ihr mehr Platz im Container zur Verfügung steht. 

broken_image
Figma

Plain Text Facet auf einem breiten Screen

Wenn der Platz knapp wird, dann bricht die Komponenten den Text schon früher um, damit das responsive Verhalten erhalten bleibt.

broken_image
Figma

Plain Text Facet auf einem schmalen Screen