Branding-Ressourcen
Willkommen bei den GGBot-Branding-Ressourcen. Hier findest du Logos, Farben und Typografie, um GGBot korrekt zu repräsentieren.
Logos
Unser Logo repräsentiert die GGBot-Identität. Verwende es konsistent auf allen Plattformen.
Logo-Verwendungsrichtlinien
Mache
- Verwende das passende Logo für deinen Hintergrund (hell/dunkel)
- Halte ausreichend Freiraum um das Logo
- Skaliere proporcional beim Größenanpassen
- Verwende saisonale Varianten zur passenden Zeit
Vermeide
- Verzerren, drehen oder modifizieren des Logos
- Ändern der Logo-Farben
- Hinzufügen von Effekten wie Schatten oder Umrissen
- Platzierung auf unruhigen Hintergründen, die die Sichtbarkeit verringern
Farbpalette
Unser Farbsystem gewährleistet visuelle Konsistenz an allen Kontaktpunkten. Wir bieten sowohl helle als auch dunkle Themenpaletten.
Helles Theme
Dunkles Theme
Farbverwendungsrichtlinien
Mache
- Verwende CSS-Variablen für dynamisches Theming
- Halte angemessene Kontrastverhältnisse für Barrierefreiheit ein
- Verwende Farbvarianten für Hover- und Active-Zustände
- Respektiere den hell/dunkel Theme-Kontext
Vermeide
- Mische hell und dunkel Theme-Farben unangemessen
- Verwende Farben, die Barrierefreiheitsstandards nicht erfüllen
- Überschreibe Markenfarben mit willkürlichen Werten
Typografie
Wir verwenden zwei sorgfältig ausgewählte Schriftarten, um ein modernes und zugängliches Gefühl zu erzeugen.
Aa Bb Cc Dd Ee Ff Gg
The quick brown fox jumps over the lazy dog
0123456789
Comfortaa
OFL
Lizenzinformationen
Autor: Johan Aakerlund
Lizenz: OFL
Fließtext, Absätze, allgemeiner Inhalt
Aa Bb Cc Dd Ee Ff Gg
The quick brown fox jumps over the lazy dog
0123456789
Sora
OFL
Lizenzinformationen
Autor: Sora Project
Lizenz: OFL
Überschriften, Titel, Hervorhebungen
Typografie-Verwendungsrichtlinien
Mache
- Verwende Sora für Überschriften und wichtige UI-Elemente
- Verwende Comfortaa für Fließtext und Beschreibungen
- Halte konsistente Schriftstärken über ähnliche Elemente hinweg
Vermeide
- Verwende mehr als die zwei designierten Schriftarten
- Verwende extrem leichte oder schwere Stärken, die die Lesbarkeit verringern
- Strecke oder komprimiere die Schriftarten
Komplettes Branding-Kit
Lade unser komplettes Branding-Kit mit allen Logos, Schriftarten, Farbpaletten und Richtlinien in einem praktischen Paket herunter.
