Grafische Elemente

Schraffur, Bildecke und Icons

Grafische Elemente spielen eine zentrale Rolle im visuellen Erscheinungsbild der Uni Siegen. Sie unterstützenunterstützen die Wiedererkennbarkeit und helfen dabei, Inhalte strukturiert und ansprechend zu präsentieren.präsentieren.

In diesen Guidelines werden drei wesentliche grafische Elemente definiert:

Dieses Kapitel zeigt Ihnen, wie Sie die grafischen Elemente fürfür Websites der Dachmarke und FakultätenFakultäten richtig einsetzen, um eine konsistente und professionelle Gestaltung zu gewährleisten.gewährleisten.

Schraffur

Dachmarke: Umgang mit der Schraffur

Die Schraffur kann auf der Website der Uni Siegen an unterschiedlichsten Stellen eingesetzt werden, wird in Templates zur VerfügungVerfügung gestellt und dient als markenprägendesmarkenprägendes und identitätsstiftendesidentitätsstiftendes Element mit hohem Wiedererkennungswert.

Option 1: Schraffur in Signalfarbe

Die Schraffur kann bei der Dachmarke in der Signalfarbe „„uni neon" eingesetzt werden –– bspw. im Header auf Einstiegsseiten. Wird die Schraffur in dieser Signalfarbe platziert, so ist der Hintergrund WeißWeiß oder Dunkelblau.

Auf ruhigeren Websites oder Bereichen bzw. auf Seiten, die sich nicht an Studieninteressierte oder Studierende richten, wird die Schraffur in BlautönenBlautönen platziert. Die FarbtöneFarbtöne sind hierbei fest vorgegeben:

• "uni-hellblau-500" auf WeißWeiß oder „„uni-dunkelblau-700"
• alternativ „„uni-dunkelblau-700" auf „„uni-hellblau-500"

Option 3: Schraffur in Dunkelblau

Auf hellblauem Fonds wird die Schraffur stets in Dunkelblau platziert.

Fakultäten:Fakultäten: Umgang mit Schraffur

Die Schraffur kann auf den Websites der FakultätenFakultäten der Uni Siegen an unterschiedlichsten Stellen eingesetzt werden, wird in Templates zur VerfügungVerfügung gestellt und dient in den spezifischen Bereichsfarben als Orientierung-gebendes und identitätsstiftendesidentitätsstiftendes Element mit hohem Wiedererkennungswert.

Option 1: Schraffur in sekundärensekundären FakultätsfarbenFakultätsfarben

Auf dunkelblauem Hintergrund wird die Schraffur in der jeweiligen SekundärfarbeSekundärfarbe der FakultätFakultät platziert. Dies garantiert eine gute Sichtbarkeit. Alle Module werden als Templates zur VerfügungVerfügung gestellt.

Option 2: Schraffur in Dunkelblau

Auf hellblauem Fonds wird die Schraffur wie bei der Dachmarke stets in Dunkelblau auf hellblauem Fonds platziert.

Einsatz der Schraffur –– Platzhaltermotive

Platzhaltermotive mit Schraffur fürfür die Dachmarke

Als Alternative zu Fotos oder Illustrationen könnenkönnen bei redaktionellen Modulen auch vorproduzierte Schraffur-Motive in den Farben der Dachmarke platziert werden. Die Motive liegen einsatzbereit vor. Ihre Verwendung stärktstärkt das plakative und merkfähigemerkfähige neue Branding der Uni Siegen.

Platzhaltermotive mit Schraffur fürfür Fakultätenltäten

Als Alternative zu Fotos oder Illustrationen könnenkönnen bei redaktionellen Modulen auch vorproduzierte Schraffur-Motive in den Farben der FakultätenFakultäten platziert werden. Auch diese Motive liegen einsatzbereit vor. 

Bildecke/Uni-Corner

Umgang mit dem Uni Corner

Kennzeichnend fürfür den neuen Auftritt der Uni Siegen ist eine markenprägendemarkenprägende und dynamisch anmutende Bildecke –– genannt der „„Uni Corner". Hierbei wird das Bild leicht angeschnitten. Die Abdeckung entspricht der Hintergrundfarbe (Dunkelblau, Hellblau, WeißWeiß) oder einer Signalfarbe. 

In diesem Fall kann bei der Dachmarke „„uni-neon" oder „„uni-hellblau-500“500“ gewähltgewählt werden. Bei den FakultätenFakultäten stehen die Bereichsfarben zur Verfügung.Verfügung. Alle Module werden als Templates zur VerfügungVerfügung gestellt.

Uni-Corner bei den Web-Modulen der Dachmarke

Uni-Corner bei den Web-Modulen der FakultätenFakultäten

Icons

Icon-Bibliothek

Sie können Icons aus der Lucide Icon-Bibliothek verwenden und diese anwendungsspezifisch einfärben.

Dachmarke: Farbgebung der Icons

Icons werden bei der Dachmarke primärprimär auf dunkelblauen Fond gesetzt. Die Icon-Farben sind 

Hintergrundfarbe und Textfarbe haben einen hohen Kontrast:

Werden Icons auf hellblauem Fond gesetzt, so ist die Icon-Farbe bei der Dachmarke stets 

Bei Hintergrundfarbe und Textfarben wird differenziert:

Fakultäten:Fakultäten: Farbgebung der Icons

Icons werden bei den FakultätenFakultäten primärprimär auf dunkelblauen Fond gesetzt und in den jeweiligen PrimärfarbenPrimärfarben der FakultätenFakultäten angelegt:

Hintergrundfarbe und Textfarbe haben einen hohen Kontrast:

Icon-Bibliothek

Sie können Icons aus der Lucide Icon-Bibliothek verwenden und diese anwendungsspezifisch einfärben.