Übersicht
Farben
Die Farben nehmen direkten Bezug zum Claim „Das Gymnasium im Grünen“ und sorgen für eine freundliche und frische Anmutung im Erscheinungsbild.
Zitronengrün (#bed62f)
Blattgrün (#4db848)
Grasgrün (#89c765)
Kontrastverhältnisse anzeigen
Alle Webfarben – Grüntöne mit Kontrastverhältnis zu schwarz (#0A0A0A). Für großen und kleinen Text.
Das Kontrastverhältnis zeigt an, wie stark sich Text und Hintergrund voneinander unterscheiden. Es ist entscheidend für die Lesbarkeit, insbesondere für Menschen mit Sehbeeinträchtigung.
| Zitronengrün | Blattgrün | Grasgrün | |
| 100% | bed62f | 4db848 | 89c765 |
| 12,1:1 | 7,8:1 | 9,8:1 | |
| 80% | ccde5a | 70c76d | a1d185 |
| 13,4:1 | 9,5:1 | 11,3:1 | |
| 60% | d9e582 | 94d491 | b7dea3 |
| 14,6:1 | 11,4:1 | 13,2:1 | |
| 40% | e5efab | b7e3b5 | d1e8c2 |
| 16,3:1 | 13,8:1 | 15,1:1 | |
| 20% | f2f7d6 | dcf3d9 | e8f4e0 |
| 18:1 | 16,8:1 | 17,4:1 |
Alle angegebenen Farben und Helligkeiten erfüllen die WCAG-Vorgaben, sowohl für normalen als auch für großen Text.
Alle Grüntöne in der Tabelle sind barrierefrei einsetzbar, solange der Text schwarz ist.
Zusatzfarbe für Web
Es wurde eine zusätzliche Webfarbe definiert: #3b4f30. Diese wurde gewählt, um Texte mit weißer Schrift auf dunklem Hintergrund darzustellen.
Die bisher definierten Farben erreichen in Kombination mit Weiß kein ausreichendes Kontrastverhältnis gemäß den Anforderungen an digitale Barrierefreiheit (z. B. nach WCAG 2.1).
Die Zusatzfarbe #3b4f30 erfüllt diese Anforderungen und erweitert die gestalterischen Möglichkeiten.
Schrift
Allgemeine schriftliche Kommunikation
Die Schriftart Myriad wird im Logo und für die allgemeine schriftliche Kommunikation verwendet. Durch die feinen Strichstärkenunterschiede und den überstehenden Rundungen (z. B. bei den Buchstaben B, D, P, R) bekommt die Schrift einen sehr lebendigen Charakter.
Beispiel Type
Webschrift
Für den Einsatz im Web wird aufgrund lizenzrechtlicher Vorgaben eine ähnliche Schriftart verwendet – Open Sans – die den gestalterischen Eigenschaften und Schriftmerkmalen der Myriad möglichst nahekommt. Hier bei handelt es sich um eine Open Source-Schrift die kostenlos für die Webanwendung zur Verfügung steht (entsprechend den hinterlegten Nutzungsbedingungen).
Logo
Das Standard Logo des Justinus-Kerner-Gymnasiums verbindet grafische und typografische Elemente in einem. Die Positionierung der Elemente erfolgt nach der natürlichen Leserichtung von links oben nach rechts unten. Hierdurch entsteht eine dynamische und moderne Anordnung mit einer hohen Eigenständigkeit und Wiedererkennung.
Zur Unterscheidung zu anderen Justinus Kerner Gymnasien wurde der Zusatz „Heilbronn“ mit in das Logo aufgenommen.
Bildmarke
Der Claim „Das Gymnasium im Grünen“ wird in der Bildmarke durch die Buchstaben JKG innerhalb der grünen Flächen dargestellt. Die Dreierteilung verdeutlicht die Profile des Gymnasiums, „naturwissenschaftlich“, „künstlerisch“ und „neusprachlich“.
Die Rechtecke haben das Seitenverhältnis der DIN Formate für Papier (Verhältnis Breite : Höhe = 1 : 1,4). Somit wird im Logo mit einem sehr bekannten Verhältnis gearbeitet welches einem jeden Tag begegnet, vor allem im schulischen Bereich.
Wortmarke
In der Wortmarke wird die Schriftart Myriad in den Schriftschnitten Regular und Bold verwendet. Es ist eine serifenlose Schrift und trägt somit ebenfalls zur Modernität des Logos bei.
Kurzform
Darüberhinaus gibt es eine „Kurzform“ in der die Bildmarke durch „HN“ ergänzt wird und dafür die Wortmarke entfällt.
Dieses Logo kann beispielsweise für die interne Kommunikation (Stempel, Aufkleber für Inventar, Schülerzeitungen etc.) verwendet werden. Von der Kurzform gibt es zwei Ausrichtungen die entsprechend der Platzierung ausgewählt werden.
Keyvisual
Keyvisual dient ein Ausschnitt vom Logo in dem die drei Flächen dargestellt werden. Die Höhe des Keyvisuals ergibt sich aus den Abständen zwischen den drei Flächen und darf auf das doppelte vergrößert werden (z. B. bei Visitenkarten).
Beispiel Visitenkarte
Die Visitenkarte zeigt auf der Vorderseite das Logo und auf der Rückseite die dazugehörigen Informationen, als Trennelement wird ein horizontaler grüner Strich verwendet. Die Visitenkarte ist für die Maße 85 x 55 mm angelegt.
Gestaltung
Farbige Flächen
Bei der Gestaltung wird mit großflächigen Bildern gearbeitet auf denen die „Hauptargumente“ mit farbigen Flächen stehen.
Freistehende Bilder
Freistehende Bilder werden mit einem Grünton umrahmt. Fließtext wird mehrspaltig (optimal dreispaltig) gesetzt.
Downloads
Das Logo-Set und der Styleguide kann hier heruntergeladen werden.