Farbwelt

Die Farbwelt des Mitteldeutsches Lerninstitut gliedert sich in drei klar definierte Bereiche: Primärfarbe, Sekundärfarben und Schriftfarben. Jede dieser Gruppen erfüllt eine konkrete Funktion im Design und trägt zur visuellen Klarheit und Nutzerführung bei.

Die Primärfarbe bildet den zentralen visuellen Anker und wird gezielt für interaktive Elemente und wichtige Hervorhebungen eingesetzt. Sie lenkt die Aufmerksamkeit und unterstützt die Orientierung innerhalb der Anwendung.

Die Sekundärfarben dienen der strukturellen Gestaltung. Sie werden für Hintergründe, Flächen und zur Abgrenzung von Inhalten verwendet und schaffen eine ruhige, übersichtliche Basis.

Die Schriftfarben stellen die Lesbarkeit sicher und sorgen für klare Hierarchien im Text. Sie werden bewusst zurückhaltend eingesetzt und unterstützen die Funktionalität des Designs, ohne selbst in den Vordergrund zu treten.

Alle drei Bereiche greifen ineinander und sorgen für ein konsistentes, verständliches und visuell ausgewogenes Erscheinungsbild.

Primärfarbe

Die Primärfarbe bildet den visuellen Anker des Erscheinungsbildes und kommt vor allem bei interaktiven Elementen und wichtigen Hervorhebungen zum Einsatz. Sie macht Handlungen unmittelbar erkennbar und unterstützt eine klare Nutzerführung.

Durch den Einsatz großzügiger Weißflächen und einer zurückhaltenden Gestaltung bleibt die Gesamtwirkung ruhig und übersichtlich. Inhalte und Bilder stehen im Vordergrund, während die Farbe gezielt Orientierung gibt.

Die Primärfarbe wird konsequent eingesetzt, um eine klare Struktur und eine verlässliche visuelle Führung über alle Anwendungen hinweg sicherzustellen.

Sekundärfarben

Die Sekundärfarben strukturieren den gesamten Aufbau der Seiten. Sie werden eingesetzt, um Inhalte klar voneinander zu trennen, Abschnitte zu gliedern und Orientierung zu schaffen.

Durch den gezielten Einsatz von Weißflächen und dezenten Grautönen entstehen klar abgegrenzte Bereiche, die das Erfassen von Inhalten erleichtern und eine ruhige Gesamtwirkung unterstützen. Die Gestaltung bleibt dadurch übersichtlich und reduziert auf das Wesentliche.

Sekundärfarben übernehmen keine hervorgehobene Rolle, sondern schaffen die Grundlage für die visuelle Ordnung. Sie sorgen dafür, dass interaktive Elemente und relevante Inhalte eindeutig erkennbar bleiben, ohne selbst in den Vordergrund zu treten.

Schriftfarben

Die Schriftfarben sind funktional ausgerichtet und gewährleisten eine klare Lesbarkeit sowie eine eindeutige visuelle Hierarchie.

Für Fließtexte wird ein dunkler Grauton verwendet, der auch bei längeren Inhalten eine angenehme Lesbarkeit unterstützt. Überschriften heben sich durch einen höheren Kontrast deutlich ab und sorgen für eine klare Struktur innerhalb der Inhalte.

In Kombination mit der Primärfarbe kommen invertierte Schriftfarben zum Einsatz, um die Lesbarkeit auf farbigen Flächen sicherzustellen. Die Schriftfarben bleiben insgesamt zurückhaltend und unterstützen die Orientierung, ohne selbst in den Vordergrund zu treten.

Anwendung

Das MDLI-Blau (#095aa5) gibt die visuelle Richtung vor und wird gezielt eingesetzt, um wichtige Inhalte und interaktive Elemente hervorzuheben. Es definiert die Hierarchie innerhalb der Gestaltung und sorgt dafür, dass relevante Bereiche sofort erkennbar sind.

Die Sekundärfarben strukturieren den Aufbau der Inhalte. Sie werden vor allem flächig eingesetzt, um Abschnitte zu gliedern, Bereiche voneinander abzugrenzen und Orientierung zu schaffen. Dabei bleiben sie bewusst zurückhaltend und treten nicht in Konkurrenz zur Primärfarbe.

Helle Grauwerte und Weißflächen sind fester Bestandteil der Gestaltung. Sie schaffen Abstand zwischen Inhalten, erhöhen die Lesbarkeit und sorgen für eine ruhige Gesamtwirkung. Dadurch bleibt die Seite klar aufgebaut und auf das Wesentliche reduziert.

Die farbigen Sekundärtöne – insbesondere Blau-, Türkis-, Grün-, Beige- und Violettabstufungen – dienen als unterstützende Ebene innerhalb des Designs. Sie werden für Kategorisierungen, visuelle Differenzierung von Inhalten sowie für Infografiken und illustrative Elemente eingesetzt. Für interaktive Komponenten oder primäre Hervorhebungen werden sie nicht verwendet.

Die Schriftfarben sind funktional definiert. MDLI-Blau kommt für Überschriften, Hervorhebungen und interaktive Elemente zum Einsatz. Weiß wird auf farbigen Flächen verwendet, um eine gute Lesbarkeit sicherzustellen. Das Schriftgrau bildet die Standardfarbe für Fließtexte und sorgt für ein angenehmes, ruhiges Schriftbild.

Bei der Anwendung ist auf klare Kontraste zu achten. Texte müssen auf allen Hintergründen gut lesbar bleiben. Sekundärfarben werden nicht für längere Texte verwendet, sondern ausschließlich unterstützend eingesetzt. Innerhalb eines Abschnitts sollten maximal ein bis zwei Sekundärfarben verwendet werden, um die Gestaltung ruhig und konsistent zu halten.

In der Gesamtwirkung entsteht so ein strukturiertes, übersichtliches Erscheinungsbild, bei dem das MDLI-Blau die Führung übernimmt und alle weiteren Farben gezielt zur Unterstützung eingesetzt werden.