Transkript anzeigen Abspielen Pausieren

Designschema-Generator

Anleitung

Farbpalette

Hinweis

Die Auswahl der Farbpalette hat Auswirkungen auf fast alle Elemente mit Ausnahme des LWL-Logos. Alle Farbpaletten stellen hohe Kontraste nach WCAG Stufe „AA“ sicher.

Akzentlinie

Hinweis

Textboxen können mit einer Akzentlinie am unteren Rand in einer von fünf Stärken versehen werden. Die Farbe wird über die Auswahl „Akzentfarbe“ definiert.

Akzentfarbe

Hinweis

Auf Wunsch können Akzentelemente auf der Seite eingesetzt werden, zum Beispiel Akzentlinien (siehe unten). Hier kann deren Farbe ausgewählt werden. Soll eine frei definierte Farbe gewählt werden, muss „benutzerdefiniert“ ausgewählt und der Wert im nächsten Feld eingetragen werden. Die Einstellung kann ebenfalls Auswirkungen auf das Modul „Abschnittslinie“ haben.

Akzentfarbe benutzerdefiniert

Hinweis

Wurde bei „Akzentfarbe“ die Auswahl „benutzerdefiniert“ gewählt, tragen Sie bitte hier den gewünschten benutzerdefinierten Farbwert als Hex-Code ein. Beispiel: #000000.

Schriftart

Hinweis

Die Auswahl „Schriftart“ betrifft vorrangig Überschriften. Auf Fließtexte, Schaltflächenbeschriftungen und andere Textelemente hat die Einstellung keine Auswirkungen.

Schriftgröße

Hinweis

Die Auswahl „Schriftgröße“ betrifft vorrangig Überschriften. Auf Fließtexte, Schaltflächenbeschriftungen und andere Textelemente hat die Einstellung keine Auswirkungen.

Allgemeine Eckenform

Hinweis

Die Auswahl „Allgemeine Eckenform“ betrifft vorrangig Boxen, Kästen und bestimmte Bilder.

Allgemeine Buttons – Form

Hinweis

In einigen Modulen können Links in Form eines umrandeten Buttons eingebaut werden. Diese Auswahl bestimmt die Form dieser Buttons.

Inklusions-Buttons – Eckenform

Hinweis

Die Inklusions-Buttons (Vorlesefunktion, Leichte-Sprache und Gebärdensprache) können abgerundet (Standard), eckig oder rund dargestellt werden.

Inklusions-Buttons – Farbe

Hinweis

Die Inklusions-Buttons (Vorlesefunktion, Leichte-Sprache und Gebärdensprache) können kräftig-farben (Standard) oder neutraler-weiß dargestellt werden.

Freiliegende Bilder – Stil

Hinweis

Freistehende Einzelbilder können mit einer Schattierung oder mit einem weißen „Fotorahmen“ versehen werden.

Transparenzen

Hinweis

In einigen Modulen gibt es leicht transparente Flächen, zum Beispiel Textboxen auf Bildern. Mit der Einstellung „Aus“ werden entsprechende Flächen undurchsichtig dargestellt.

Trennlinien

Hinweis

In einigen Modulen gibt es Linien, die inhaltliche Bestandteile des Moduls voneinander trennen. Die Darstellung dieser Linien kann hier verändert werden. Die Einstellung hat ebenfalls Auswirkungen auf das Modul „Abschnittslinie“.

Hintergrund

Hinweis

Diese Auswahlmöglichkeit verändert den Hintergrund der Gesamtseiten. Soll eine frei definierte Farbe gewählt werden, muss „benutzerdefinierte Farbe“ ausgewählt und der Wert im nächsten Feld „Hintergrundfarbe“ eingetragen werden.

Hintergrundfarbe

Hinweis

Tragen Sie hier den Hex-Wert der gewünschten Farbe ein. Dieser besteht aus einem # und einer 6-teiligen Zahlen- bzw. Buchstabenfolge. Aus Barrierefreiheitsgründen erfolgt wenn nötig eine automatische Aufhellung des Farbtons.

Kontrast nicht gegeben, Farbe wird aufgehellt.

Design-Code

Dieser Zahlencode ergibt sich aus Ihrer oben getroffenen Auswahl. Notieren Sie sich diesen Code, damit Sie Ihr angepasstes Design zu einem späteren Zeitpunkt über „Design-Code anwenden“ wiederherstellen können.

1-1-1-1-1-1-1-1-1-1-1-1-1

In Zwischenablage speichern

Akzentfarbe benutzerdefiniert

In Zwischenablage speichern

Hintergrundfarbe

In Zwischenablage speichern

Werte auf Basis-Design zurücksetzen

Sonstige Anpassungen

Testen Sie wie der Header mit Ihrem eigenen Logo und Einrichtungsname aussieht.

Seitentitel

Logo als SVG-Code (Nicht für LWL-Einrichtungen)

Ein Text mit Titel

Dazu eine kurze Einleitung

und wieder kopierter Text:

Die E-Mobilität in Deutschland steigt seit einigen Jahren enorm an, besonders stark stellt sich dieses Wachstum im Land NRW dar (s. Beitrag Kunz). Aktuell sind mehr als ein Drittel (36,5%) des deutschen Elektrofahrzeugbestandes auf den nordrhein-westfälischen Straßen unterwegs (KBA 2017). Eine Grundvoraussetzung für den Anstieg der Elektromobilität ist die Ladeinfrastruktur, also die flächendeckende Versorgung mit (Schnell-)Ladestationen.

Eine unsortierte Liste:

  • Eins
  • zwei
  • Viertel vor Drei

Eine sortierte Liste

  1. Erstens
  2. Zweitens
  3. Drittens

Zwischenüberschrift

13.06.2025
Neues Plugin: 025E Quicklink-Filter

Mit dem neuen inklusiven Plugin 025E Quicklink-Filter gibt es jetzt die Möglichkeit, die Unter-Elemente des Plugins 025 Quicklinks mit verschiedenen Optionen auf einer Webseite per klick zu sortieren.

Mehr erfahren

Wendekarten (bg-transparent)

Hier Text auf bg-primary

Audioplayer bg-transparent

Kein Lied, eher brumm-brumm

Eine Tabelle

Eine Beispieltabelle

Eine Einleitung zur Tabelle

Die Legende unterhalb der Tabelle
Überschrift 1 Überschrift 2 Überschrift drei

Spalte 1, Zeile 1

Spalte 2, Zeile 1

Spalte 3, Zeile 1

Spalte 1, Zeile 2 klick dies

Spalte 2, Zeile 2

Spalte 3, Zeile 2

Spalte 1, Zeile 3

Spalte 2, Zeile 3

Spalte 3, Zeile 3 klick das

Spalte 1, Zeile 4

Spalte 2, Zeile 4

Spalte 3, Zeile 4