Kontext

Der einfachste Weg, deine Web-AppWeb App anzupassen und sie stärker mit deinem Branding in Einklang zu bringen, ist die Verwendung deiner Branding-Schriftarten. Wir empfehlen, die Lizenz für die verwendete Schriftart zu kaufen, aber du kannst auch eine ähnliche kostenlose Schriftart aus kostenlosen Bibliotheken wie Google Fonts wählen.

Wir empfehlen, nur eine Schriftart mit fetten, halbfetten und normalen Schriftstärken zu verwenden. Du kannst zusätzliche Schriftarten für Kopfzeilen und Titel hinzufügen, um dein Branding visuell zu bereichern.

Überschrift

• Wird für große Kopfzeilen/Bereiche verwendet, die typischerweise am Anfang einer Seite oder als Anfangspunkt eines Abschnitts stehen.
• Wähle eine Schriftart mit der von dir bevorzugten Schriftstärke, wir empfehlen jedoch die Schriftart Fett
• Schreibweise: Du kannst auswählen, ob Überschriften in Großbuchstaben (groß), Kleinbuchstaben (klein), in Großbuchstaben (Titel) oder wie ursprünglich getippt angezeigt werden soll

Überschriften

• Titel sind hervorstechende Texte, die eher für kleinere Abschnitte und Teile einer Seite geeignet sind.
• Wähle eine Schriftart mit der von dir bevorzugten Schriftstärke, wir empfehlen jedoch die Schriftart Fett
• Schreibweise: Du kannst auswählen, ob Überschriften in Großbuchstaben (groß), Kleinbuchstaben (klein), in Großbuchstaben (Titel) oder wie ursprünglich getippt angezeigt werden soll

Textkörper/ Fließtext

• Der am häufigsten verwendete Stil, in der Regel für alle Texte, die kleiner sind, ganze Sätze, Absätze und drittrangige Schaltflächen
• Wähle eine Schriftart mit der Gewichtung Normal, Halbfett und Fett, da alle drei gebräuchlich sind.

Bitte beachte: Das sind die Voraussetzungen für Schaltflächen:

• Dateiformat: OTF oder TTF
• Schriftart für Fließtext der Stärke Fett, Halbfett und Normal
• Zusätzliche Schriftarten für Überschriften und Titel, falls erforderlich
• Lizenz

Farben

Überschrift

Du solltest bei der Wahl der Überschriftfarben besonders vorsichtig sein. Diese Farbe sollte einen ausreichenden Kontrast zum Hintergrund haben, um lesbar zu sein und die Anforderungen der Barrierefreiheit zu erfüllen. Als Farbe für die Überschrift empfehlen wir Schwarz, aber du kannst auch jede andere dunkle Farbe wählen.

Überschriften

Achte auch auf die Farbe des Titels. Diese Farbe sollte ebenfalls einen ausreichenden Kontrast zum Hintergrund haben, um lesbar zu sein und die Anforderungen der Barrierefreiheit zu erfüllen. Als Farbe für den Titel empfehlen wir Schwarz, aber du kannst auch jede andere dunkle Farbe wählen. Hinsichtlich der Größe liegen Überschriften zwischen Kopfzeilen und Fließtext.

1. Überschriftenfarbe
2. Titelfarbe

Textkörper/ Fließtext

Dies ist der am häufigsten verwendete Stil, er gilt für alle kurzen Texte und Absätze. Wie immer gilt auch hier: Vorsicht! Der Kontrast zum Hintergrund und die Zugänglichkeit sind auch hier wichtig. Außerdem müssen wir für den Fließtext eine wirklich dunkle Farbe wählen, am besten Schwarz, denn alle anderen Textfarben werden aus dieser dunkelsten Farbe hergestellt. So beträgt der Platzhalter für das Eingabefeld zum Beispiel nur 20% der Textfarbe:

1. Textkörperfarbe 100%
2. Textkörperfarbe 80%
3. Textkörperfarbe 60%
4. Textkörperfarbe 40%

Fußzeile

Hier wird die Farbe des Textes in der Fußzeile festgelegt. Verwende einen Wert, der einen guten Kontrast zum Hintergrund der Fußzeile bildet.