Übernahme des Designs der Universitätswebseiten

Hier finden Sie die Vorgaben für die Übernahme des Designs der Universitätswebseiten

Es besteht die Möglichkeit das Design der Universitätswebseiten auf anderen Webseiten fortzuführen. Folgende Vorgaben sind dabei zu beachten:

Zur Übernahme des Designs sind ausschließlich Einrichtungen der Friedrich-Schiller-Universität Jena berechtigt.
Auf allen Seiten muss oben ein Link mit der Bezeichnung »Universität Jena« vorhanden sein, der zu folgender Seite führt: https://www.uni-jena.de/Einrichtungen.html
Die Wortmarke der Friedrich-Schiller-Universität Jena muss auf allen Seiten sichtbar sein.
Teile des Designs können übernommen werden, vorausgesetzt die Übernahme erfolgt so, dass sie zu 100% dem Original gleichen.
Die im Folgenden genannten Farben, Maße, Schriftarten und Schriftgrößen, die Vorgaben zur Barrierefreiheit und zur Formensprache sind exakt einzuhalten. Das Hinzufügen weiterer Farben und die artfremde Verwendung der vorgegebenen Farben ist nicht gestattet.
Die Website muss responsive sein. Es darf keinen Inhaltsverlust zwischen den Anwendungsgrößen geben. Inhalte müssen auch ohne JavaScript vorhanden sein und ihre logische Reihenfolge behalten. Texte dürfen nicht als Grafik eingefügt werden.
Wenn auf die Datenschutzerklärung der Universität Jena verlinkt wird, müssen die Vorgaben entsprechend eingehalten werden

Schriftgrössen & Schriftarten

	big & medium (Desktop, Tablet)	small (Mobile)	Ausprägungen
Überschrift H1	Roboto Flex 28 px (LH 37 px)	Roboto Flex 25 px (LH 33 px)	opsz 15 slnt 0 wdth 30 wght 600 GRAD 100
Überschrift H2	Roboto Flex 25 px (LH 33 px)	Roboto Flex 22 px (LH 29 px)	opsz 15 slnt 0 wdth 30 wght 600 GRAD 100
Überschrift H3	Roboto Flex 22 px (LH 29 px)	Roboto Flex 19 px (LH 25 px)	opsz 15 slnt 0 wdth 30 wght 600 GRAD 100
Überschrift H4	Roboto Flex 19 px (LH 25 px)	Roboto Flex 16 px (LH 21 px)	opsz 15 slnt 0 wdth 30 wght 600 GRAD 100
Titel	Roboto Flex 22 px (LH 29 px)	Roboto Flex 19 px (LH 25 px)	opsz 15 slnt 0 wdth 30 wght 500 GRAD 0
Navigation	Roboto Flex 18 px (LH 24 px)	Roboto Flex 18 px (LH 24 px)	opsz 15 slnt 0 wdth 30 wght 400 GRAD 0
Button	Roboto Flex 18 px (LH 24 px)	Roboto Flex 18 px (LH 24 px)	opsz 15 slnt 0 wdth 30 wght 400 GRAD 0
Text	Roboto Flex 16 px (LH 21 px)	Roboto Flex 16 px (LH 21 px)	opsz 15 slnt 0 wdth 100 wght 400 GRAD 0
Copyright	Roboto Flex 12 px (LH 16 px)	Roboto Flex 12 px (LH 16 px)	opsz 15 slnt 0 wdth 30 wght 400 GRAD 0

Farben

Farbnummer	Verwendung
#002350	Überschriften, Balken & Metaheadline; Button im Normalzustand
#174488	Flächenfarbe
#1D60BD	Flächenfarbe
#50648C	Button im Normalzustand
#0066E2	Hover-Effekt auf hellen Grund für Flächen, Schrift & Buttons
#887440	Auszeichnungsfarbe
#EEEEEE	Hintergrundfarbe, um Flächen dezent hervorzuheben
#333939	Schriftfarbe Fließtext
#666B6B	Copyright- & Inaktiv-Farbe
#821810	Farbe, um auf Fehler hinzuweisen (z. B. in Formularen)

Fakultätsfarben

Farbnummer	Fakultät
#6A509D	Theologische Fakultät
#8B3281	Philosophische Fakultät
#C12F6F	Rechtswissenschaftliche Fakultät
#CE3C3A	Medizinische Fakultät
#DF7B2A	Physikalisch-Astronomische Fakultät
#D59C21	Wirtschaftswissenschaftliche Fakultät
#74A740	Chemisch-Geowissenschaftliche Fakultät
#397E41	Fakultät für Biowissenschaften
#008198	Fakultät für Mathematik & Informatik
#578EB6	Fakultät für Sozial- & Verhaltenswissenschaften

Formensprache

Das Erscheinungsbild des Designs ist schlicht. Auf jede Art von Dekoration ist zu verzichten (jedes sichtbare Element muss eine Funktion haben bzw. einen Zweck erfüllen). Die gute Lesbarkeit der Inhalte ist stets zu gewährleisten. Konturen sind stets 1px stark.