Styleguide

Diese Styleguide-Seite enthält Stile und Komponenten, die auf einer gesamten Website verwendet werden sollen.

Überschriften

Die verschiedenen Überschriftenstile, die auf der gesamten Website verwendet werden.

H1

Beispieltext hilft Ihnen zu verstehen, wie echter Text aussehen kann. Beispieltext wird als Platzhalter verwendet.

Überschriftenstil-H1

Beispieltext hilft Ihnen zu verstehen, wie echter Text aussehen kann. Beispieltext wird als Platzhalter verwendet.

H2

Beispieltext wird als Platzhalter verwendet. Beispieltext hilft Ihnen zu verstehen, wie echter Text aussehen kann.

Überschriftsstil-H2

Beispieltext wird als Platzhalter verwendet. Beispieltext hilft Ihnen zu verstehen, wie echter Text aussehen kann.

H3

Beispieltext hilft Ihnen zu verstehen, wie echter Text auf Ihrer Website aussehen kann. Beispieltext wird als Platzhalter für echten Text verwendet, der normalerweise vorhanden ist.

Überschriftenstil-H3

Beispieltext hilft Ihnen zu verstehen, wie echter Text auf Ihrer Website aussehen kann. Beispieltext wird als Platzhalter für echten Text verwendet, der normalerweise vorhanden ist.

H4

Beispieltext wird als Platzhalter verwendet. Beispieltext hilft Ihnen zu verstehen, wie echter Text aussehen kann. Beispieltext wird als Platzhalter für echten Text verwendet, der normalerweise vorhanden ist.

Überschriftenstil-H4

Beispieltext wird als Platzhalter verwendet. Beispieltext hilft Ihnen zu verstehen, wie echter Text aussehen kann. Beispieltext wird als Platzhalter für echten Text verwendet, der normalerweise vorhanden ist.

H5
Beispieltext wird als Platzhalter verwendet. Beispieltext hilft Ihnen zu verstehen, wie echter Text aussehen kann. Beispieltext wird als Platzhalter für echten Text verwendet, der normalerweise vorhanden ist. Beispieltext hilft Ihnen zu verstehen, wie echter Text aussehen kann.
Überschriftenstil-H5
Beispieltext wird als Platzhalter verwendet. Beispieltext hilft Ihnen zu verstehen, wie echter Text aussehen kann. Beispieltext wird als Platzhalter für echten Text verwendet, der normalerweise vorhanden ist. Beispieltext hilft Ihnen zu verstehen, wie echter Text aussehen kann.
H6
Beispieltext wird als Platzhalter für echten Text verwendet, der normalerweise vorhanden ist. Beispieltext hilft Ihnen zu verstehen, wie echter Text aussehen kann. Beispieltext wird als Platzhalter für echten Text verwendet, der normalerweise vorhanden ist. Beispieltext hilft Ihnen zu verstehen, wie echter Text aussehen kann.
Überschriftenstil-H6
Beispieltext wird als Platzhalter für echten Text verwendet, der normalerweise vorhanden ist. Beispieltext hilft Ihnen zu verstehen, wie echter Text aussehen kann. Beispieltext wird als Platzhalter für echten Text verwendet, der normalerweise vorhanden ist. Beispieltext hilft Ihnen zu verstehen, wie echter Text aussehen kann.

Andere HTML-Tags

Andere HTML-Tags, die auf der gesamten Website verwendet werden.

Alle Absätze

Beispieltext wird als Platzhalter für echten Text verwendet, der normalerweise vorhanden ist. Beispieltext hilft Ihnen zu verstehen, wie echter Text auf Ihrer Website aussehen kann. Beispieltext wird als Platzhalter für echten Text verwendet.

Alle Links
Alle Links
Alle Zitate
Beispieltext wird als Platzhalter für echten Text verwendet, der normalerweise vorhanden ist. Beispieltext hilft Ihnen zu verstehen, wie echter Text auf Ihrer Website aussehen kann.
Alle bestellten Listen
  1. Beispieltext wird als Platzhalter für echten Text verwendet, der normalerweise vorhanden ist.
  2. Beispieltext wird als Platzhalter für echten Text verwendet, der normalerweise vorhanden ist.
  3. Beispieltext wird als Platzhalter für echten Text verwendet, der normalerweise vorhanden ist.
Alle ungeordneten Listen
  • Beispieltext wird als Platzhalter für echten Text verwendet, der normalerweise vorhanden ist.
  • Beispieltext wird als Platzhalter für echten Text verwendet, der normalerweise vorhanden ist.
  • Beispieltext wird als Platzhalter für echten Text verwendet, der normalerweise vorhanden ist.

Textklassen

Die verschiedenen Textklassen, die auf der gesamten Site verwendet werden.

Textgrößen

Textgröße groß

Beispieltext wird als Platzhalter für echten Text verwendet, der normalerweise vorhanden ist.

Textgröße Medium

Beispieltext wird als Platzhalter für echten Text verwendet, der normalerweise auf Ihrer Website vorhanden ist.

Textgröße regulär

Beispieltext wird als Platzhalter für echten Text verwendet, der normalerweise vorhanden ist. Beispieltext hilft Ihnen zu verstehen, wie echter Text auf Ihrer Website aussehen kann.

Textgröße klein

Beispieltext wird als Platzhalter für echten Text verwendet, der normalerweise auf Ihrer Website vorhanden ist. Beispieltext hilft Ihnen zu verstehen, wie echter Text auf Ihrer Website aussehen kann.

Textgröße-winzig

Beispieltext wird als Platzhalter für echten Text verwendet, der normalerweise auf Ihrer Website vorhanden ist. Beispieltext hilft Ihnen zu verstehen, wie echter Text auf Ihrer Website aussehen kann.

Textstile

Durchstreichen im Textstil

Durchstreichen im Textstil

Textstil-kursiv

Textstil-kursiv

textstyle-stummgeschaltet

textstyle-stummgeschaltet

Textstil — alle Großbuchstaben

Textstil — alle Großbuchstaben

Textstil-Nowrap

Textstil-Nowrap

Textstil-Link
Zitat im Textstil

Beispieltext wird als Platzhalter verwendet.

Textstärken

Textgewicht_xbold
Textgewicht_xbold
Textstärke fett
Textstärke fett
Textgewichtung halbfett
Textgewichtung halbfett
Textgewicht: mittel
Textgewicht: mittel
Textgewicht normal
Textgewicht normal
Textgewicht leicht
Textgewicht leicht
Textgewichtxlight
Textgewichtxlight
text-weight-thin
text-weight-thin

Textausrichtungen

Text nach links ausrichten
Text nach links ausrichten
Text-Ausrichten-Mitte
Text-Ausrichten-Mitte
Text nach rechts ausrichten
Text nach rechts ausrichten

Knöpfe

Die verschiedenen Arten von Schaltflächen, die auf der gesamten Website verwendet werden.

Primäre Taste
alle Werke ansehen

Farben

Die unterschiedlichen Gewichte der Farben, die auf der gesamten Website verwendet werden.

Textfarben

Textfarbe primär
Textfarbe primär
Textfarbe sekundär
Textfarbe sekundär

Farben des Hintergrunds

Hintergrundfarbe — primär
Hintergrundfarbe sekundär
Hintergrundfarbe, Tertiär
Hintergrundfarbe vierteljährlich

Max. Breiten

Die verschiedenen Maximalbreiten, die auf der gesamten Website verwendet werden.

maximale Breite voll
Max-Weite-XXL
Max-Breite-XLarge
maximale Breite groß
Max-Weite-Medium
max-Breite-klein
Max-Weite-XSmall
Max-Weite-XXSmall