Inhaltsverzeichnis−

Farben

Color 1

the primary brand colour

Color 2

alternative colour

Color 3

colour used for general text paragraphs

Color 4

colour used for headings, subheadings and titles

Color 5

colour used for borders

Color 6

colour used for subtle backgrounds (page hero, footer)

Color 7

colour used for the site’s background

Color 8

lighter alternative colour, to be used in header backgrounds

Typografie – Überschriften

Überschrift (h1)

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Überschrift (h2)

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Überschrift (h3)

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Überschrift (h4)

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Überschrift (h5)

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Überschrift (h6)

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Typografie – Texte & Links

Dies ist normaler Fließtext. Texte können auch fett formatiert werden. Auch eine kursive Formatierung ist natürlich möglich. Es folgt nun ein interner Link: das ist ein interner Link. Es folgt nun ein externer Link: das hier ist ein externer Link.

Ein Bild mit Bildunterschrift

Das ist Text der Größe „S“ (auswählbar im Gutenberg Block-Editor)…….

Das ist Text der Größe „M“ (auswählbar im Gutenberg Block-Editor)…….

Das ist Text der Größe „L“ (auswählbar im Gutenberg Block-Editor)…….

Das ist Text der Größe „XL“ (auswählbar im Gutenberg Block-Editor)…….

Das ist Text der Größe „XXL“ (auswählbar im Gutenberg Block-Editor)…….

Listen

Unordered List (Standard)

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

  • Listenpunkt 1 Lorem ipsum dolor Lorem ipsum dolor Lorem ipsum dolor Lorem ipsum dolor Lorem ipsum dolor
  • Listenpunkt 2
  • Listenpunkt 3
  • Listenpunkt 4
  • Listenpunkt 5

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Ordered List (Standard)

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

  1. Listenpunkt 1 Lorem ipsum dolor Lorem ipsum dolor Lorem ipsum dolor Lorem ipsum dolor
  2. Listenpunkt 2
  3. Listenpunkt 3
  4. Listenpunkt 4
  5. Listenpunkt 5

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Standard-Buttons (Gutenberg)

Button (S)
Button (M)
Button (Standard)
Button (L)
Button (XL)
Button (XXL)

Section – Überschrift

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Container (GenerateBlocks)

Standard

Weit

Gesamte Breite