• 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
    • Francesca – Ein Theme für Kooperationen
    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)

Farben (Markendesign 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 (Markendesign 2021)

Bei dem Einsatz im Alltag durch Redakteure und Autoren wird für ausgewiesene Textarten, wie beispielsweise Links oder akzentuierte Überschriften, die Basisfarbe als Schriftfarbe auf weißem Hintergrund verwendet.
Andere Farbvarianten, die im Webdesign zusätzlich benötigt werden (bspw. für Schattenwürfe, hellere oder dunklere Ebene mit Links und Menüs), spielen im normalen Gebrauch im Textbereich digitaler Dokumente keine Rolle. Die folgenden Angaben richten sich daher hauptsächlich an Webdesigner und Webentwickler, welche die Umsetzung der entsprechenden Werte in Redaktions- und Content-Management-Systemen vornehmen.

Spezielle Farbvarianten für den Einsatz in dem FAU Webdesign

Neben der Schriftfarbe ist es auch notwendig, Farbvarianten für verschiedene Einsatzzwecke im FAU Webdesign vorzuhalten. Diese Farben werden unter anderem benötigt für:

  • Buttons in normaler und in fokussierter Form oder bei einem Mouse Over
  • Flächen
  • Menüebenen mit Farbabstufungen für hierarchisch untergeordnete Bereiche
  • Links, Zitatkennzeichen und weitere Bedienelemente

Zur Aufrechterhaltung der für das Web notwendigen Kontrastabstände bestehen die Farben jeweils aus einer Hintergrund- und einer Vordergrundfarbe: Bei einem eher hellen Hintergrund muss die Schriftfarbe Schwarz sein, bei einer dunklen Hintergrundfarbe muss die Schriftfarbe weiß sein.

FAU Phil RW Med Nat TF
Helle Flächen

Theme-Property: --color-primary-ci-hell2
Textfarbe: #000, Hintergrund: #CED9E7 Textfarbe: #000, Hintergrund: #F4E8CB Textfarbe: #000, Hintergrund: #F2DED1 Textfarbe: #000, Hintergrund: #B9D9EC Textfarbe: #000, Hintergrund: #CFE0D8 Textfarbe: #000, Hintergrund: #D3DDE6
Vitale Flächen

Theme-Property: --color-primary-ci-hell
Textfarbe: #fff, Hintergrund: #04316A Textfarbe: #000, Hintergrund: #FDB735 Textfarbe: #fff, Hintergrund: #C50F3C Textfarbe: #000, Hintergrund: #18B4F1 Textfarbe: #000, Hintergrund: #7BB725 Textfarbe: #000, Hintergrund: #8C9FB1
Aktive Elemente

Theme-Property: --color-primary-dunkler
Textfarbe: #fff, Hintergrund: #004A9F Textfarbe: #000, Hintergrund: #e87722 Textfarbe: #fff, Hintergrund: #971B2F Textfarbe: #fff, Hintergrund: #005287 Textfarbe: #fff, Hintergrund: #266141 Textfarbe: #fff, Hintergrund: #2F586E
Buttons u.a.

Theme-Property: --color-primary-dunkelste
Textfarbe: #fff, Hintergrund: #041E42 Textfarbe: #fff, Hintergrund: #963B2F Textfarbe: #fff, Hintergrund: #662938 Textfarbe: #fff, Hintergrund: #003E61 Textfarbe: #fff, Hintergrund: #14462D Textfarbe: #fff, Hintergrund: #204251

Für Offline und Druck

Für Offlinemedien und Druck wurden Farben gewählt, die ein „frisches“ und vitales Bild ergeben. Die Farben erscheinen auf Fahnen und Plakaten entsprechend.
Genauere Erläuterungen und Hintergründe finden sich in der offiziellen Styleguide der FAU.

FAU Phil RW Med Nat TF
Blau Dunkelblau Gelb Orange Rot Dunkelrot Blau Dunkelblau Grün Dunkelgrün Metallic Dunkel­metallic
Farbe
Pantone 294 282 1235 158 186 7427 299 2384 361 7731 2206 7689

Die Übersetzung der Pantone-Angaben in HEX-Werte ergeben die oben angezeigten Farben. Diese sind jedoch bei einer Umrechnung in RGB- bzw HEX-Werte überwiegend nicht
Standardkonform gemäß der EU Norm 301 549, bzw. der WCAG 2.1 AA und AAA. Daher können sie so nicht für Digitale Werke, Webanwendungen und Apps und auch nicht innerhalb von Dokumenten aus Büroanwendungen verwendet werden.

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