Dokumentation & Historie
Das Corporate Design verbindet gestalterische Klarheit mit der historischen Entwicklung der Schule. Farb- und Formensprache greifen zentrale Elemente der Identität auf.
🎨 Farbkonzept:
- Primärfarbe: #004f62 (Deep Teal) – steht für Seriosität, Stabilität und Orientierung.
- Akzentfarbe: #1f93b4 (Ocean Blue) – vermittelt Offenheit, Modernität und Kommunikation.
- Hintergründe: Helle Blau- und Grautöne (z. B. #e8f1f2, #f9f9f9) sorgen für Lesbarkeit und Ruhe.
- Kontrastprinzip: Dunkle Schrift auf hellem Hintergrund gewährleistet Barrierearmut und klare Hierarchie.
🔤 Typografie:
- Inter: geometrische, moderne Open-Source-Schrift für das Logo und digitale Anwendungen.
- Calibri: Systemschrift für den Schriftverkehr zur Sicherstellung plattformübergreifender Darstellung.
- Prinzip: klare Hierarchien, großzügige Abstände und gute Lesbarkeit im Vordergrund.
📜 Historie:
- Entwurf: Die Bildmarke basiert auf einem Konzept der Absolventin C. H..
- Einführung: Offizielle Einführung des Logos am 26.08.2022.
- Weiterentwicklung: Redaktionelle Anpassung der Wortmarke im Dezember 2025.
⚙️ Gestaltungsprinzipien:
- Reduktion: wenige, klar definierte Farben und Formen.
- Konsistenz: einheitliche Anwendung in allen Medien (Print & Digital).
- Wiedererkennbarkeit: Kombination aus Eulenmotiv, Domform und Farbwelt.
- Flexibilität: skalierbares System für unterschiedliche Kontexte (Website, Dokumente, Social Media).
Downloads & Ressourcen
📂 Logo-Paket:
Das Logo in verschiedenen Varianten (SVG, PNG) finden Sie im Cloud-Ordner:
➜ Zum Download-Bereich (wbkcloud bei wbkkoeln.de)
🔤 Schriftarten & Lizenzen:
- Schriftart Inter herunterladen (Google Fonts)
Lizenz: SIL Open Font License (Kostenlos/Open Source) - Korrespondierende Schriftart in Texten Calibri
Lizenz: Proprietär (Microsoft). Ist standardmäßig auf Windows-Systemen vorinstalliert.
🎨 Farbwerte im Logo:
#004f62
Mond
Mond
#1f93b4
Dom
Dom
#fefefe
Augen
Augen
Design-System: Erweiterte Farbpalette
Referenzwerte Logo:
Mond/Augenlider: #004f62 (rgb 0, 79, 98)
Dom/Verlauf: #1f93b4 (rgb 31, 147, 180)
Erklärung zur Farbwahl
Die Farbwahl basiert auf einer ausgewogenen Mischung aus kühlen und warmen Tönen:
- Kühle Basisfarben: Deep Teal (#004f62) und Ocean Blue (#1f93b4) bilden das Fundament. Ihre kühlen, gedämpften Farbtöne strahlen Ruhe und Stabilität aus.
- Pastellvarianten: Die Pastellversionen dieser Grundfarben wirken leichter und freundlicher – ideal für dezente Akzente oder Hintergründe.
- Warme Akzente: Warme Töne wie Accent Coral und Accent Orange setzen lebendige Kontraste zu den kühlen Farben und lenken die Aufmerksamkeit gezielt auf wichtige Elemente.
- Gelb- und Grüntöne: Sunny Yellow und Deep Green ergänzen die Palette, indem sie zusätzliche Frische und Dynamik einbringen, ohne die Harmonie zu stören.
- Helle Hintergrundfarben: Diese sorgen für ausreichend Freiraum, sodass Inhalte klar lesbar bleiben und die kräftigeren Töne nicht erdrückend wirken.
Teal / Blue Gruppe (Basis)
| Name | Vorschau | Hex-Code | RGB-Code |
|---|---|---|---|
| Deep Teal (Primärfarbe) | #004f62 | rgb(0, 79, 98) | |
| Pastel Teal | #80a7b1 | rgb(128, 167, 177) | |
| Light Deep Teal Background | #d0e7ea | rgb(208, 231, 234) | |
| Ocean Blue (Akzentfarbe) | #1f93b4 | rgb(31, 147, 180) | |
| Pastel Blue | #8fc9da | rgb(143, 201, 218) | |
| Light Ocean Blue Background | #d1eef4 | rgb(209, 238, 244) |
Coral / Orange Gruppe (Komplementär)
| Name | Vorschau | Hex-Code | RGB-Code |
|---|---|---|---|
| Accent Coral | #ff6f61 | rgb(255, 111, 97) | |
| Pastel Coral | #ffc2b9 | rgb(255, 194, 185) | |
| Light Coral Background | #fff1ee | rgb(255, 241, 238) | |
| Accent Orange | #e67e22 | rgb(230, 126, 34) | |
| Pastel Orange | #ffcc80 | rgb(255, 204, 128) | |
| Light Orange Background | #fff3e8 | rgb(255, 243, 232) |
Yellow / Green Gruppe (Natur)
| Name | Vorschau | Hex-Code | RGB-Code |
|---|---|---|---|
| Sunny Yellow | #ffeb3b | rgb(255, 235, 59) | |
| Pastel Yellow | #fff9c4 | rgb(255, 249, 196) | |
| Light Yellow Background | #fffde7 | rgb(255, 253, 231) | |
| Deep Green | #2e7d32 | rgb(46, 125, 50) | |
| Pastel Green | #a5d6a7 | rgb(165, 214, 167) | |
| Light Green Background | #e8f5e9 | rgb(232, 245, 233) |
Universal (Hintergründe & Neutral)
| Name | Vorschau | Hex-Code | RGB-Code |
|---|---|---|---|
| Light Background | #e8f1f2 | rgb(232, 241, 242) | |
| Pure White | #ffffff | rgb(255, 255, 255) | |
| Snow | #fffafa | rgb(255, 250, 250) | |
| Ivory | #fffff0 | rgb(255, 255, 240) | |
| Light Gray | #f5f5f5 | rgb(245, 245, 245) | |
| Gainsboro | #dcdcdc | rgb(220, 220, 220) | |
| Floral White | #fffaf0 | rgb(255, 250, 240) | |
| Alice Blue | #f0f8ff | rgb(240, 248, 255) |
Varianten
Logo bis 12.2025 - Schrift Abendgymnasium Köln
Schmunzellogo
Pi, Schmunzellogo
Iconlogos
Weitere Varianten
