Gestaltungsrichtlinie.

Rich-Text-Elemente

Was ist ein Rich-Text-Element?

Mit dem Rich-Text-Element können Sie Überschriften, Absätze, Blockzitate, Bilder und Videos an einem Ort erstellen und formatieren, anstatt sie einzeln hinzufügen und formatieren zu müssen. Doppelklicken Sie einfach und erstellen Sie ganz einfach Inhalte.

Dies ist eine Bildunterschrift.

Statische und dynamische Inhaltsbearbeitung

Ein Rich-Text-Element kann mit statischem oder dynamischem Inhalt verwendet werden. Legen Sie statischen Inhalt einfach auf eine beliebige Seite und beginnen Sie mit der Bearbeitung. Fügen Sie für dynamische Inhalte einer Sammlung ein Rich-Text-Feld hinzu und verbinden Sie dann im Einstellungsfenster ein Rich-Text-Element mit diesem Feld. Voila!

So passen Sie die Formatierung für jeden Rich-Text an

Überschriften, Absätze, Blockzitate, Abbildungen, Bilder und Bildunterschriften können alle nach dem Hinzufügen einer Klasse zum Rich-Text-Element mit dem verschachtelten Auswahlsystem "Wenn innerhalb von" formatiert werden.

Sed posuere consectetur est at lobortis. Nullam id dolor id nibh ultricies vehicula ut id elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Reguläre Überschriften / Rich-Text

Überschrift H1 - Aa Bb Cc Dd

System Ui - Bold - 66px / 1.4 -

Überschrift H2 - Aa Bb Cc Dd

System Ui - Bold - 32px / 1.4 -

Überschrift H3 - Aa Bb Cc Dd

System Ui - Bold - 24px / 1.4 -

Überschrift H4 - Aa Bb Cc Dd

System Ui - Bold - 18px / 1.4 -
Überschrift H5 - Aa Bb Cc Dd
System Ui - Bold - 14px / 1.4 -
Überschrift H6 - Aa Bb Cc Dd
System Ui - Bold - 12px / 1.4 -
Verkürzte Überschriften

Extragroße hÜberschrift

Six-Caps - 45vh / 1.4-

Überschrift Klein

Six-Caps - 36vh / 0.9-

Hauptüberschrift

Six-Caps - 22vh / 20vh

Überschrift mittelgroß

Six-Caps - 15vh / 0.95-

Überschrift klein

Six-Caps - 8vh / 0.95-
Extragroße Absatz

Hallo, ich bin Jonny.Senior Creative Designer mit Sitz in San Francisco.

System Ui - 7vw / 1.4 -
Großer Absatz

Jonny Avlis. Ein Senior Produktdesigner und Frontend-Entwickler mit über einem Jahrzehnt Erfahrung. Im Laufe der Jahre habe ich mit mehreren Top-Kunden und spannenden Startups gearbeitet.

System Ui - 5em / 1.4 -
Regulärer Absatz

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

System Ui - 2em / 1.4 -
Rich-Text-Absatz

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

System Ui - 1.5em / 1.4 - #868686
Absatz teilen

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Nullam quis risus eget urna mollis ornare vel eu leo.

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean lacinia bibendum nulla sed consectetur. Nulla vitae elit libero, a pharetra augue. Etiam porta sem malesuada magna mollis euismod. Nulla vitae elit libero, a pharetra augue.

System Ui - 2em / 1.4 -
Kursiv und Fett

Suspendisse varius enim in eros elementum tristique.

System Ui - 2em / 1.4 -
Mittlerer Absatz

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

System Ui - 1.6em / 1.6 -
Kleiner Absatz

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

System Ui - 1.3em / 1.45 - / #868686
Zitate blockieren
"Maecenas sed diam eget risus varius blandit sit amet non magna. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor."
System Ui - 32px / 1.4 -
Aufzählung
  • Dies ist ein Text innerhalb eines div-Blocks.
  • Dies ist ein Text innerhalb eines div-Blocks.
  • Dies ist ein Text innerhalb eines div-Blocks.
Nummerierte Liste
  • Dies ist ein Text innerhalb eines div-Blocks.
  • Dies ist ein Text innerhalb eines div-Blocks.
  • Dies ist ein Text innerhalb eines div-Blocks.
Links
Dies ist ein einfacher Link

Dies ist ein Textlink in einem Satz

Runder Knopf
Mehr über mich
Umriss-Schaltfläche
Mehr über mich
Senden-Schaltfläche
Senden
Umrissener Hover-Link
Lass uns zusammenarbeiten
Symbole