Als Grundlage wurden folgende Schriftgrößen definiert:

$wup-font-size-desktop: 14px;
$wup-font-size-tablet: 13px;
$wup-font-size-smartphone: 12px;

Überschriften:

Jede Überschrift wird in der Standard-Formatierung als <h2> ausgegeben.
Jede Unterüberschrift wird in der Standard-Formatierung als <h3> ausgegeben. (automatisch eine geringere Klasse als die Überschrift)
Beide Überschriften sind auf 255 Zeichen beschränkt.

Beide Überschriften können aber manuell angepasst werden:

Typ: mit den Layouts 1 bis 5 als pseudo H1 bis H5
Transform: mit UPPERCASE und lowercase
Farbe: Schwarze oder Rote Schriftfarbe

Ausgehend von diesen "Grundlagen" gelten folgende Formate:

<h1> - $wup-font-size-h1

font-size: 3 em
font-family: IntroBold
line-height: 1.2 em
Abstand nach unten: 30 px

<p> ist ein einfacher Demo-Text für die Print- und Schriftindustrie. Lorem Ipsum ist in der Industrie bereits der Standard Demo-Text seit 1500, als ein unbekannter Schriftsteller eine Hand voll Wörter nahm und diese durcheinander warf um ein Musterbuch zu erstellen. Es hat nicht nur 5 Jahrhunderte überlebt, sondern auch in Spruch in die elektronische Schriftbearbeitung geschafft (bemerke, nahezu unverändert). Bekannt wurde es 1960, mit dem erscheinen von "Letraset", welches Passagen von Lorem Ipsum enhielt, so wie Desktop Software wie "Aldus PageMaker" - ebenfalls mit Lorem Ipsum.

<H2> - $wup-font-size-h2

font-size: 2.26666 em
font-family: IntroBold
line-height: 1.2 em
Abstand nach unten: 30 px

<p> ist ein einfacher Demo-Text für die Print- und Schriftindustrie. Lorem Ipsum ist in der Industrie bereits der Standard Demo-Text seit 1500, als ein unbekannter Schriftsteller eine Hand voll Wörter nahm und diese durcheinander warf um ein Musterbuch zu erstellen. Es hat nicht nur 5 Jahrhunderte überlebt, sondern auch in Spruch in die elektronische Schriftbearbeitung geschafft (bemerke, nahezu unverändert). Bekannt wurde es 1960, mit dem erscheinen von "Letraset", welches Passagen von Lorem Ipsum enhielt, so wie Desktop Software wie "Aldus PageMaker" - ebenfalls mit Lorem Ipsum.

<H3> - $wup-font-size-h3

font-size: 1.5 em
font-family: IntroBold
line-height: 1.2 em
Abstand nach unten: 15 px

<p> ist ein einfacher Demo-Text für die Print- und Schriftindustrie. Lorem Ipsum ist in der Industrie bereits der Standard Demo-Text seit 1500, als ein unbekannter Schriftsteller eine Hand voll Wörter nahm und diese durcheinander warf um ein Musterbuch zu erstellen. Es hat nicht nur 5 Jahrhunderte überlebt, sondern auch in Spruch in die elektronische Schriftbearbeitung geschafft (bemerke, nahezu unverändert). Bekannt wurde es 1960, mit dem erscheinen von "Letraset", welches Passagen von Lorem Ipsum enhielt, so wie Desktop Software wie "Aldus PageMaker" - ebenfalls mit Lorem Ipsum.

<H4> - $wup-font-size-h4

font-size: 1.4 em
font-family: IntroBold
line-height: 1.2 em
Abstand nach unten: 15 px

<p> ist ein einfacher Demo-Text für die Print- und Schriftindustrie. Lorem Ipsum ist in der Industrie bereits der Standard Demo-Text seit 1500, als ein unbekannter Schriftsteller eine Hand voll Wörter nahm und diese durcheinander warf um ein Musterbuch zu erstellen. Es hat nicht nur 5 Jahrhunderte überlebt, sondern auch in Spruch in die elektronische Schriftbearbeitung geschafft (bemerke, nahezu unverändert). Bekannt wurde es 1960, mit dem erscheinen von "Letraset", welches Passagen von Lorem Ipsum enhielt, so wie Desktop Software wie "Aldus PageMaker" - ebenfalls mit Lorem Ipsum.

<H5> - $wup-font-size-h5

font-size: 1.2 em
font-family: IntroBold
line-height: 1.2 em
Abstand nach unten: 15 px

<p> ist ein einfacher Demo-Text für die Print- und Schriftindustrie. Lorem Ipsum ist in der Industrie bereits der Standard Demo-Text seit 1500, als ein unbekannter Schriftsteller eine Hand voll Wörter nahm und diese durcheinander warf um ein Musterbuch zu erstellen. Es hat nicht nur 5 Jahrhunderte überlebt, sondern auch in Spruch in die elektronische Schriftbearbeitung geschafft (bemerke, nahezu unverändert). Bekannt wurde es 1960, mit dem erscheinen von "Letraset", welches Passagen von Lorem Ipsum enhielt, so wie Desktop Software wie "Aldus PageMaker" - ebenfalls mit Lorem Ipsum.

Innerhalb des WYSIWYG-Editors können folgende Stile zugeordnet werden:

Remove space – Entfernt den Abstand nach unten für die aktuelle Auswahl

UPPERCASE

UPPERCASE RED

UPPERCASE RED UNDERLINE

FULL UPPERCASE RED UNDERLINE

Red

Black