• Navigation überspringen
  • Zur Navigation
  • Zum Seitenende
Organisationsmenü öffnen Organisationsmenü schließen
Friedrich-Alexander-Universität Dokumentation der WordPress-Themes und -Plugins
  • FAUZur zentralen FAU Website
  1. Friedrich-Alexander-Universität
  2. Regionales Rechenzentrum Erlangen
  • RRZE
  • Videoportal
  • Lageplan und Anfahrt
  1. Friedrich-Alexander-Universität
  2. Regionales Rechenzentrum Erlangen
Friedrich-Alexander-Universität Dokumentation der WordPress-Themes und -Plugins
Menu Menu schließen
  • Grundlagen
    • Rahmenbedingungen für Webauftritte
    • Über WordPress
      • Grundsätzliches zum Webpublishing
    • Login und Navigation im Backend
      • Profil
      • Dashboard
      • Der Customizer
    • Benutzer anlegen und bearbeiten
    • Seiten
      • Eine Seite erstellen
      • Mehrere Seiten gleichzeitig konfigurieren
      • Seiten und Beiträge freigeben
    • Beiträge
    • Sidebar
    • Inhalte bearbeiten
      • Mediathek
      • Bilder
      • Galerie
        • Bildergalerie im Gridformat
      • Tabellen
      • Zitate
      • Formeln, Daten und Quellcode
    • Seitenstruktur erstellen
    • Menüs
    • Widgetbereiche und Widgets
    • Häufig gestellte Fragen
    Portal Grundlagen
  • Plugins
    • Plugins aktivieren
    • Externe Daten einbinden
      • Calendar
      • CRIS
      • FAU oEmbed
      • Jobs
      • Lehrveranstaltungen
      • Remoter
      • Statistik
      • UnivIS
      • Video
    • Neue Inhaltstypen erstellen
      • Expo
      • FAQ
      • Glossary
      • Person
      • Legal (ehemals ToS – „Terms of Service“)
      • RSVP
      • Synonym
    • Inhaltsseiten mit Funktionen erweitern
      • Contact Form 7
      • Downloads
      • Elements
      • Multilang
      • Advanced Editor Tools
      • Verfallsdatum für Beiträge („Post-Expiration“)
    • Zugang beschränken
      • Access Control
      • Private Site
    • Beiträge teilen
      • Auto-Tweet
      • RSS
    • Spezialplugins
      • Newsletter
      • Progressive Web-App (PWA)
      • The SEO Framework
      • Workflow
      • WS Form
    • Über Externe Plugins
    • Über FAU- und RRZE-Plugins
    Portal Plugins
  • Themes
    • FAU Einrichtungen
      • Umsetzungsbeispiele
      • Templates
        • Standardtemplate
        • Die Inhaltsseite mit Navi
        • Portalseite
        • Portalindexseite
        • Startseite
        • Startseite Fakultät
      • Shortcodes
        • Blogroll
        • Portalmenüs
        • Bildlinks
    • FAU Events
      • Startseite
      • Widget-Bereiche und Footer-Inhalt
      • Referenten und Vorträge
      • Shortcodes für Referenten und Vorträge
      • Call for Papers
      • Externe Anmeldeformulare einbinden
    Portal Themes
  • Entwicklung
    • Design
      • Farben (Markendesign 2021)
      • Logos
        • Logos zentraler Anwendungen
        • Einsatz im Videoportal
        • Einsatz im Social Media und auf Online-Plattformen
      • Schriften
    • Einsatzkontext (Statistik)
      • Einrichtungsbezeichnungen
    • Versionsverwaltung Git
    • Einheitliche Vergabe von Versionsnummern
    • Vorgaben an Themes
    • Vorgaben an Plugins
    • Eigene Testinstanz
    • Serverkonfiguration
    • Statistiken zu Webauftritten
    Portal Entwicklung
  • Vorlagen
    • Akkordeons
    • Ansprechpartner & Kontakte
      • Format Kompakt
      • Runde Kacheln
      • Format Sidebar
      • Klassische Darstellung
    • Beiträge ausgeben
    • Button
    • Icon & Iconboxen
    • Kurze Hinweise
    • Testimonials
    • Textboxen
    Portal Vorlagen
  • Tutorials
    • Schnelleinstieg FAU Events
    • Publikationsliste erstellen
    • Tipps und Tricks
    • Neue Daten in die FAU-Karte einbinden
    • Vortragsliste erstellen
    • Schnelleinstieg FAU Einrichtungen
      • Vorbereitungen
      • Navigation im Backend
      • Ein Theme auswählen
      • Seitenlogo und Seiteninformationen ergänzen
      • Eine Startseite erstellen
      • Rechtstexte generieren
      • Inhaltsseiten erstellen für Anfänger
      • Beiträge und die dynamische Sidebar
      • Abmessungen für Bilder und Grafiken
      • Beiträge und die dynamische Sidebar
      • Portale und die Seitennavigation
      • Suchmaschinenoptimierung in 5 Minuten
      • Blogroll und Finetuning
    • Barrierefreiheit
      • Vorwort und Überblick
      • Einführung und Hintergründe
      • Bereitstellung und Pflege von Inhalten
      • Entwicklung und Design
      • Organisatorische und rechtliche Anforderungen
      • Satzungen
      • Tests der Barrierefreiheit
      • Weitere Leitfäden und relevante Informationsangebote
      • Kurzanleitung zur Verbesserung der digitalen Barrierefreiheit in Dokumenten aus Büroanwendungen
    • SEO – Search engine optimization
      • SEO Inhalte gestalten
      • SEO Grundlagen
      • SEO und Barrierefreiheit
    Portal Tutorials
  1. Startseite
  2. Entwicklung
  3. Design
  4. Farben (Markendesign 2021)
  5. Farben (2015 bis 2021)

Farben (2015 bis 2021)

Bereichsnavigation: Entwicklung
  • Design
    • Farben (Markendesign 2021)
      • Farben (2015 bis 2021)
    • Logos
      • Einsatz im Social Media und auf Online-Plattformen
      • Einsatz im Videoportal
      • Logos zentraler Anwendungen
    • Schriften
  • Einsatzkontext (Statistik)
    • Einrichtungsbezeichnungen
  • Versionsverwaltung Git
  • Vorgaben an Themes
  • Vorgaben an Plugins
  • Einheitliche Vergabe von Versionsnummern
  • Eigene Testinstanz
  • Serverkonfiguration
  • Statistiken zu Webauftritten

Farben (2015 bis 2021)

Hinweis: Die folgenden Angaben beziehen sich auf den Stand von Sommer 2015. Die digitalen Farben der zentralen Webseiten und der technischen Fakultät wurden im Rahmen des Markendesign 2021 geändert.

CI-Farben der Fakultäten

Einrichtung Web Farben/Digitales gemäß WCAG II Level AAA in HEX
Hellste Heller Basisfarbe Dunkler Dunkelste
FAU / ZUV #dde5f0 #8fb1ef #003366 #24598f #1f4c7a
Philosophische Fakultät und Fachbereich Theologie #f3eedf #d9c689 #A36B0D #805000 #553500
Rechts- und Wirtschaftswissenschaftliche Fakultät #ede7de #c5ac94 #8d1429 #690013 #42000c
Medizinische Fakultät #eaf3fc #bfd6f5 #0381A2 #026480 #014e63
Naturwissenschaftliche Fakultät #e5efea #aacfbd #048767 #006e53 #00533f
Technische Fakultät #ebecee #d2d5d7 #6E7881 #53606b #3b4956

Einsatz in den FAU Themes

Die Farben kommen zum Einsatz bei den Fakultätsthemen und dem EInrichtungstheme:

  • Die Basisfarbe wird verwendet für: Überschriften, (textuelles) Logo, Hauptmenü, Links, Buttons, Weiter-/Zurück-Pfeile, sowie weitere interaktive Bedienelemente, Footer-Hintergrund, Kontrastränder bei Accordions und Zitaten
  • Die hellere Abstufung der Basisfarbe wird verwendet für: Startfarbe für den Farbverlauf im Hero (Breadcrumb-Leiste), Hintergrundfarbe bei Slidertexten
  • Die hellste Abstufung der Basisfarbe wird verwendet für: Linkfarbe für Elemente des Hauptmenüs ab zweiter Ebene, Randfarbe für Trennlinien
  • Die dunklere Abstufung der Basisfarbe wird verwendet für: Bildunterschriften, Tabellenüberschriften, Randfarbe für Elemente des Hauptmenüs ab zweiter Ebene
  • Die dunkelste Abstufung der Basisfarbe wird verwendet für: Hoverfarbe in Menüs, Hoverfarbe bei Buttons und weiteren interaktiven Elementen

Ein geeignetes Online-Testtool für die Berechnung der Kontraste findet sich auf der Website contrastchecker.com.

Zugrunde liegende Normen der WCAG 2.1

  • Guideline 1.4.3 Contrast (Minimum): The visual presentation of text and images of text has a contrast ratio of at least 4.5:1, except for the following: (Level AA)
    • Large Text: Large-scale text and images of large-scale text have a contrast ratio of at least 3:1;
    • Incidental: Text or images of text that are part of an inactive user interface component, that are pure decoration, that are not visible to anyone, or that are part of a picture that contains significant other visual content, have no contrast requirement.
    • Logotypes: Text that is part of a logo or brand name has no minimum contrast requirement.
  • Guideline 1.4.6 Contrast (Enhanced): The visual presentation of text and images of text has a contrast ratio of at least 7:1, except for the following: (Level AAA)
    • Large Text: Large-scale text and images of large-scale text have a contrast ratio of at least 4.5:1;
    • Incidental: Text or images of text that are part of an inactive user interface component, that are pure decoration, that are not visible to anyone, or that are part of a picture that contains significant other visual content, have no contrast requirement.
    • Logotypes: Text that is part of a logo or brand name has no minimum contrast requirement.

Es wird WCAG Level AAA, bzw. ab WCAG 3.0 der „Gold-Standard“ angestrebt.

Berechnungsgrundlage

Die Print-Farbe wird als Eingabefarbe im Kontrastfinder von Tanaguru verwendet. Die dazu in der Berechnung verwendete Hintergrundfarbe ist Weiß. Bei der Option Ratio sollte der Wert 4.5 verwendet werden; Bei der Option, welche Ergebnisfarbe berechnet werden soll, wird die Option „valid colors and very close to initial color“ verwendet. Die erste Ergebnisfarbe wird als Basisfarbe für Digitales und Web genommen.

Einrichtung Print Farben Web Basisfarbe
Print RGB Print HEX Web-Farbe HEX
FAU / ZUV 0/56/101 #003865 #003366
Philosophische Fakultät und Fachbereich Theologie 201/147/19 #c99313 #A36B0D
Rechts- und Wirtschaftswissenschaftliche Fakultät 141/20/41 #8d1429 #8d1429
Medizinische Fakultät 0/177/235 #00b1eb #0381A2
Naturwissenschaftliche Fakultät 0/155/119 #009b77 #048767
Technische Fakultät 152/164/174 #98a4ae #6E7881

Zugrunde liegende Berechnungsformeln und Begründungen können den Erläuterungen zur WCAG 2.0 hinsichtlich Farbkontrasten entnommen werden.

Grauwerte

Für allgemeine Bereiche, wie dem Meta-Teil, Rahmen oder Tabellenhintergründen, werden Grauwerte verwenden.

Standard Grauwert #e9edf2
Standard Rahmenfarbe #dfe6ec
Standard Bereichstrenner #f5f7f9

Schriftfarben

Die Überschriften werden im Inhaltsbereich gemäß der CI-Farbe gefärbt.
Für den normalen Textbereich gibt es folgende Farbvarianten:

Standard Text #444
Standard Text Print #000
Hervorgehobener Text hell #797676
Hervorgehobener Text für Hinweise #a71c18

Weitere Hinweise zum Webauftritt

Social Media

  • RSS Feed
  • GitHub
  • Twitter

Noch Fragen?

Schreiben Sie uns eine Mail an webmaster@fau.de. Wir beantworten Ihnen alle offenen Fragen rund um unser Content Management System (CMS), WordPress, Webhosting und Co.

Regionales Rechenzentrum Erlangen
(RRZE)

Martensstraße 1
91058 Erlangen
  • Kontakt
  • Webworking Blog
  • Impressum
  • Datenschutz
  • Barrierefreiheit
  • RSS Feed
  • GitHub
  • Twitter
Nach oben