Skip to main content

Farben im Überblick


Die wichtigsten Farben der Dachmarke

Die Websites der Dachmarke sind in den Basisfarben 

  • „uni-dunkelblau-700" und
  • „uni-hellblau-100" gehalten.

Für Akzentuierungen und Hervorhebungen kann

  • entweder die Marker-Ton/Signalfarbe „uni-neon-500“  
  • oder die Akzentfarbe „uni-hellblau 500“ verwendet werden.

Die Farbe „uni-neon" ist insbesondere wichtig, um sich zielgruppengerecht, plakativ und werbewirksam an die Zielgruppe der zukünftigen Studierenden richten zu können. Dachmarken-Seiten, die sich an konservativere Zielgruppen (z.B. Mitarbeitende, Kooperationspartner) richten, werden hingegen nur in Blautönen gehalten. Auf den Marker-Ton „uni-neon" wird hier also verzichtet.

Basisfarben 
  • uni-dunkelblau-700
  • uni-hellblau-100

bildschirmfoto_2025-02-10_um_16.53.08.webp

Marker-Ton/Signalfarbe 
  • uni-neon-500

bildschirmfoto_2025-02-10_um_16.54.26.webp

Akzentfarbe 
  • uni-hellblau-500

bildschirmfoto_2025-02-10_um_16.56.44.webp

Die wichtigsten Farben der Fakultäten

Websites der Fakultäten sind auch in den Basisfarben „uni-dunkelblau-700" und „uni-hellblau-100" gehalten. Zudem können jedoch ihre fakultätsspezifischen Bereichsfarben zum Einsatz kommen. Die spezifischen Fakultätsfarben sind exklusiv den jeweiligen Fakultäten vorbehalten. Dies sichert eine gute Orientierung und Benutzerführung.

Basisfarben 
  • uni-dunkelblau-700
  • uni-hellblau-100

bildschirmfoto_2025-02-10_um_16.53.08.webp

Primäre Fakultätsfarben 

Fakultät l Fakultät ll Fakultät lll Fakultät lV

bildschirmfoto_2025-02-13_um_10.22.22.webp

Sekundäre Fakultätsfarben
Fakultät l Fakultät ll Fakultät lll Fakultät lV
bildschirmfoto_2025-02-13_um_10.24.27.webp

Umsetzung der Farben auf Websites der Dachmarke

Die Dachmarke und alle Fakultäten verwenden die gleichen Templates und Websitemodule. Eine gestalterische Differenzierung erfolgt über die Farbigkeit

Die Websites der Dachmarke werden 

  • in Blautönen und
  • einer markenprägenden Signalfarbe ”uni-neon" angelegt.

bildschirmfoto_2025-01-22_um_15.53.26__1_.webp

Umsetzung der Farben auf Websites der Fakultäten

Die Websites der Fakultäten (hier im Beispiel Fakultät I, Philosophische Fakultät) werden 

  • in Blautönen und
  • ihren jeweiligen, ganz spezifischen Bereichsfarben angelegt.

Beispiel Fakultät I

bildschirmfoto_2025-01-22_um_15.54.31__1_.webp

Weitere Anwendungsbeispiele der Farben

Farbe dient als Differenzierung und Orientierung. Der User wird über eine fest definierte Farbkodierung zu den Fakultäten geleitet.

Beispiel Überblick Fakultäten

bildschirmfoto_2025-01-22_um_16.09.09.webp

Beispiel Forschungsprojekte

bildschirmfoto_2025-01-29_um_08.27.35.webp

Beispiel Studiengänge


bildschirmfoto_2025-01-29_um_13.28.12.webp

Ausführliche Farbpalette

Farbpalette der Dachmarke 

Die Farbpalette wurde um weitere, wichtige Abstufungen ergänzt. Dies ermöglicht u.a. die Erstellung markenadäquater Infografiken und Illustrationen. Zudem sind mit den richtigen Kombinationen auch stets barrierearme Umsetzungen realisierbar.

Basisfarbe "Uni-Dunkelblau"

bildschirmfoto_2025-02-13_um_11.21.59.webp

 

Basisfarbe "Uni-Hellblau"

bildschirmfoto_2025-02-13_um_11.30.40.webp

 

Marker-Ton/Signalfarbe "Uni-Neon"

bildschirmfoto_2025-02-13_um_11.32.36.webp

 

Neutrale Farbe "Uni-Grau"

bildschirmfoto_2025-02-13_um_11.35.50.webp

 

Farbpalette der Fakultäten

Basisfarbe "Uni-Dunkelblau"

bildschirmfoto_2025-02-13_um_11.21.59 (1).webp

Basisfarbe "Uni-Hellblau"

bildschirmfoto_2025-02-13_um_11.30.40 (1).webp

 
Fakultät I: Philosophische Fakultät

Primäre Fakultätsfarbe "Phil-Bordeaux"

bildschirmfoto_2025-02-13_um_11.39.37.webp

Sekundäre Fakultätsfarbe "Phil-Korallenrot"

bildschirmfoto_2025-02-13_um_11.49.46.webp

 
Fakultät II: Bildung · Architektur · Künste

Primäre Fakultätsfarbe "Bak-Orange"

bildschirmfoto_2025-02-13_um_11.40.44.webp

 

Sekundäre Fakultätsfarbe "Bak-Gelb"

bildschirmfoto_2025-02-13_um_11.51.26.webp
 
Fakultät III: Wirtschaftswissenschaften, Wirtschaftsinformatik und Wirtschaftsrecht

Primäre Fakultätsfarbe "Wir-Tannengruen"

bildschirmfoto_2025-02-13_um_11.44.27.webp

 

Sekundäre Fakultätsfarbe "Wir-Gruen"

bildschirmfoto_2025-02-13_um_11.53.08.webp

 
Fakultät IV: Naturwissenschaftlich-Technische Fakultät

Primäre Fakultätsfarbe "Nt-Lila"

bildschirmfoto_2025-02-13_um_11.45.34.webp

 

Sekundäre Fakultätsfarbe "Nt-Flieder"

bildschirmfoto_2025-02-13_um_11.58.47.webp

Einsatz der Farben Dachmarke

Farbeinsatz uni-dunkelblau

Primärfarbe / Hintergrundfarbe für Sections
farbe_dach_dunkelblau_hintergrund_sections.webp

 

Hintergrundfarbe für Cards
farbe_dach_dunkelblau_hintergrund_cards.webp

 

Standard-Überschriftfarbe auf hellen Hintergründen
farbe_dach_dunkelblau_headline_bghell.webp

 

Füllfarbe von Primary Buttons
farbe_dach_dunkelblau_button_bgprimary.webp
Iconfarbe auf hellen Hintergründen
farbe_dach_dunkelblau_icons_bghell.webp

 

Farbeinsatz uni-neon

Die zielgruppenadäquate Signalfarbe „uni-neon" wird für Hervorhebungen eingesetzt und um auf besondere Bereiche hinzuweisen. „uni-neon" sollte nicht inflationär angewandt, sondern nur sehr gezielt platziert werden.

Sparsam eingesetzte Akzentfarbe
farbe_dach_neon_akzent.webp

 

Hervorhebung einzelner Stichworte
farbe_dach_neon_highlight.webp

 

Flächiger Einsatz als Hintergrundfarbe nur in CTA Sections
farbe_dach_neon_bg_calltoaction.webp
Iconfarbe auf dunklen Hintergründen
farbe_dach_neon_icons_bgdunkel.webp

Farbeinsatz uni-hellblau

Anstelle des leuchtenden Marker-Tons „uni-neon", kann die „uni-hellblau-500für besondere Hervorhebungen eingesetzt werden.

Akzentfarbe, Einsatz analog zu Signalfarbe
farbe_dach_hellblau_akzent.webp
Flächiger Einsatz als Hintergrundfarbe nur in CTA Sections
farbe_dach_hellblau_hintergrund.webp

 

Iconfarbe auf dunklen Hintergründen
farbe_dach_hellblau_icons_bgdunkel.webp

Farbeinsatz bei Schriften

  • Für ein ausgewogenes, gut lesbares bzw. barrierearmes Schriftbild stehen Fließtexte auf Weiß.
  • Überschriften werden in uni-dunkelblau angelegt, Fließtexte und Bildunterschriften in Dunkelgrau (uni-grau 900).
  • Texte können zur Strukturierung mit einem Hellblau-Ton (uni-dunkelblau 100) hinterlegt werden und sind in diesem Fall Schwarz. 

Headline /
Zwischenheadlines

Sublines /
Bildunterschriften /
Fließtexte

Zwischenheadlines /
Icons

Fließtexte /
Links 
auf hellblauem Fonds

farbe_uni_dunkelblau (1).webp
farbe_uni_grau (1).webp
farbe_uni_dunkelblau (1).webp
farbe_schwarz.webp
farbe_anwendung_schrift_1.webp

Farbeinsatz bei Schriften mit Hervorhebungen

  • Bei hervorgehobenen Flächen mit kräftiger Farbhinterlegung werden Überschriften in uni-dunkelblau angelegt, kurze Texte in Schwarz.
  • Wichtig: Auf farbintensiven Modulen sollten nur sehr kurze Texte eingefügt werden.

Headlines


 
farbe_uni_dunkelblau (1).webp
farbe_schwarz.webp

 

farbe_anwendung_schrift_neon.webp

 

farbe_anwendung_schrift_hellblau.webp
Farbliche Ausnahme auf dunkelblauen Flächen 
  • weiße Schrift verwenden
  • im Sinne einer guten Lesbarkeit nur sehr kurze Texte einsetzen
farbe_dach_hellblau_icons_bgdunkel (1).webp

 

 

Weitere Beispiele für den Farbeinsatz

Homepage der Dachmarke mit der signalhaften Farbe „uni-neon"

Die Farbe „uni-neon" ist insbesondere wichtig, um sich zielgruppengerecht, plakativ und werbewirksam an die Zielgruppe der zukünftigen Studierenden richten zu können. 

bildschirmfoto_2025-01-22_um_15.53.26__1_.webp

 

Website der Dachmarke in Blautönen

Dachmarken-Seiten, die sich an konservativere Zielgruppen (z.B. Mitarbeitende, Kooperationspartner) richten, werden nur in Blautönen gehalten. Auf den Marker-Ton „uni-neon" wird hier also verzichtet.

bildschirmfoto_2025-01-29_um_08.52.26.webp