Corporate Design
Das Corporate Design der Universität Passau sieht einen möglichst einheitlichen Auftritt der Universität Passau nach außen vor. Für die Universität ist in der Außendarstellung wichtig, dass die verschiedenen Einheiten und Projekte auf den ersten Blick als ein stimmiges Ganzes wahrgenommen werden. So sollen beispielsweise die Einheiten der Universität explizit das Logo der Universität Passau führen und keine eigenen Logos entwickeln – sonst wird es für Außenstehende schwierig zu erkennen, was tatsächlich zur Universität und ihrer Marke gehört und was nicht.
Mit dem folgenden Überblick wollen wir Sie bei der Umsetzung der Corporate Design-Vorgaben für Print und Web unterstützen und Ihnen Möglichkeiten zur Umsetzung aufzeigen.
Farben im Corporate Design
Zentrale Farben:
- Orange: Pantone 144, cmyk 0/50/100/0, rgb 242/148/0, hex: #FD8900
- Grau: Pantone 444, cmyk 8/0/6/47, rgb 153/159/158, hex: #8A8A8C
- Dunkelgrau: Pantone 445, cmyk 15/0/11/69, rgb 100/107/104, hex: #4B4B4B
Fakultätsfarben:
Webseite
- Primärfarbe:
- Orange: #d77400 (dark), #fd8900 (full), #ffcb89 (medium), #ffefdd (bright)
- Grau: #4b4b4b (Text), #c9c8c8 (medium), #e8e8e8 (bright), #f1f1f1 (super-bright)
- Sekundärfarben (Fakultäten):
Typografie
- Schriftart: Stone Sans.
- Falls nicht vorhanden: Arial.
Webseite
- Fließtext: Inter.
- Überschriften: Eesti (Lizenz wurde nur für die Website der Universität erworben).
- Für die Barrierefreiheit immer auf passende Kontraste achten (mindestens 4,5:1).
Logo der Universität
- Das Logo der Universität steht immer oben rechts.
- Das Logo der Universität steht immer alleine, d. h. andere Logos können wenn, dann nur weiter unten im Dokument eingebunden werden.
- Wenn mehrere Logos im selben Dokument eingebunden werden, darf kein Fremdlogo größer sein als das Logo der Universität.
- Das Logo der Universität darf nicht verändert oder verfremdet werden. Bitte achten Sie darauf, dass Sie nicht versehentlich Elemente hinzufügen, die Maße verzerren o. Ä., wenn Sie Dokumente mit dem Logo gestalten – und wenden Sie sich gerne an unsere Grafik, um sicherzugehen!
Webseite
Verwendung des Logos
Wer darf das Logo verwenden?
Das Logo der Universität Passau darf nur von Einheiten der Universität (Lehrstühle und Professuren, Fakultäten, Einrichtungen) geführt werden. Alle Dokumente von Einheiten der Universität sollen im Corporate Design der Universität gehalten sein, um die Wiedererkennung und Zuordnung zur Universität Passau sicherzustellen. Ausnahmen gelten für Publikationen des AlumniClubs sowie für registrierte Hochschulgruppen (HSGs): Der AlumniClub sowie registrierte HSGs können in ihren Publikationen das Logo der Universität verwenden z. B. in der Liste der Förderer/Sponsoren oder mit dem Zusatz "Unterstützt durch". Achtung: Für jede Verwendung muss über das Eventmanagement eine Freigabe des jeweiligen Produktes (Banner, Poster etc.) eingeholt werden – wir prüfen für Sie, ob das Logo richtig dargestellt ist.
Gilt das auch für Social-Media-Accounts?
Ja. Logo nur für Einheiten der Universität und nur mit Freigabe.
Darf das Logo von Dritten verwendet werden?
Jein. Wenn eine Veranstaltung von der Universität finanziell mitgetragen wird, ist es sogar wünschenswert, dass die Universität als Förderer mit ihrem Logo mitaufgeführt wird – die passende Datei erhalten Sie auf Anfrage bei uns. Das hat aber Grenzen, wenn es z. B. um Unternehmen oder politische Kontexte geht: So dürfen etwa externe Dienstleister das Logo der Universität nicht einfach als Kundenreferenz auf ihre Webseite setzen. Soll heißen: In solchen Fällen wird einzeln durch die Kommunikationsabteilung geprüft, ob eine Verwendung zulässig ist. Fragen Sie uns!
Darf ich das Logo auf meiner Hausarbeit/Abschlussarbeit/Dissertation verwenden?
Nein, das ist leider nicht zulässig (sorry).
Schriftzug
Um den Spagat zwischen dem berechtigten Wunsch nach Eigenmarketing und Universitätszugehörigkeit unter einen Hut zu bringen, gibt es die Schriftzuglösung. Projekte oder Einrichtungen können ergänzend zum Universitätslogo einen eigenen Schriftzug verwenden – dieser soll jedoch auf Dokumenten nicht ohne das Universitätslogo (steht in Printmaterial immer oben rechts) verwendet werden. Der Schriftzug soll außerdem das Universitätslogo nicht dominieren, damit die Zuordnung zur Universität sichergestellt ist.
Design
- Großes Titelbildmotiv (randabfallend).
- Aufbau der Flyer, Plakate etc. immer gleich.
Webseite
- Keine Schlagschatten, keine Rahmen um Bilder.
- Bilder sollen authentisch sein (keine KI-Bilder) / auf Effekte sollte verzichtet werden.
- Dekorative Bilder sparsam einsetzen – lieber ein großes, hochwertiges Bild, statt viele minderwertige dekorative Bilder.
- Dekorative Bilder sollten keine Schriftzüge haben.
- Möglichst auf Icons verzichten.
- Als wiederkehrendes visuelles Element können Schrägen eingesetzt werden (jedoch auch sparsam, da Schrägen bereits im Mega-Menü und Footer vorhanden sind).
- Falls doch Icons erwünscht sind, sollten diese Kriterien erfüllt werden:
- Linien: #4b4b4b, 2px stark, abgerundet.
- Modern & leichtgewichtig (auf Details verzichten).
- SVG.
- Jedes Icon soll ein orangefarbenes Akzent-Element haben.
Struktur und Inhalte
Webseite
- Ein Thema pro Seite.
- Lange Seiten prüfen: ggf. in mehrere thematische Seiten aufteilen.
- Wichtige Inhalte für KIs hervorheben: Als FAQ/Akkordeon-Elemente (Fragen wie Nutzerinnen und Nutzer sie stellen würden).
- Sekundäre Inhalte (z. B. Hilfetexte, ergänzende Informationen) platzsparend in Akkordeon-Elementen darstellen.
- Start- und Übersichtsseiten sollten in Sektionen eingeteilt werden; jede Sektion sollte eine "Überschrift mit Trennlinie" erhalten.
- Umfangreiche Seitenbäume sollten neben Detailseiten auch Übersichtsseiten haben (z. B. mit Kacheln).
- Buttons sparsam (max. 3x pro Seite) einsetzen – nur für wichtige Aktionen (z. B. Anmeldeformular, Bewerbungsstart).
- Farblich abgegrenzte Bereiche: Max. ein Bereich pro Seite, um bestimmte ergänzende oder weiterführende Seiten hervorzuheben.
- Überschriftenhierarchie beachten: H1 → H2 → H3.
- Fett/Kursiv: Nur für kurze Hervorhebungen (keine langen Passagen).
- Anklickbare Elemente sollen beim Hovern immer subtiles visuelles Feedback geben.
- Inhalte linear anordnen: Nicht zu viele Elemente nebeneinander platzieren (gilt besonders bei Textelementen); Kacheln, Teaser oder ähnliche Elemente können gerne nebeneinander platziert werden.
- Spaltencontainer: Spalten sollten eine ähnliche Länge haben.