System-Administration: Design

Einführung und Kurzübersicht

In diesem Bereich gestalten Sie das gesamte Erscheinungsbild der FutureBox. Alle Anpassungen an dieser Stelle wirken sich sofort auf alle Benutzer*innen und deren Ansichten aus.

Folgende Funktionen finden Sie hier …

  • Dashboard-Infotext anpassen
  • Logos für Header & Footer hochladen oder austauschen
  • Farbpalette für Primär-, Sekundär- und Systemfarben definieren
  • Globale Schriftart wählen und eigene CSS-Datei einbinden

Einzelne Funktionen erklärt …

Logos

  • Header-Logo erscheint links oben in der Hauptnavigation.
  • Footer-Logos können für unterschiedliche Partner, Förderer oder Corporate-Design-Vorgaben eingebunden werden.
  • Logos können im PNG- oder SVG-Format hochgeladen werden. Entfernen Sie ein Logo, wird an dieser Position nichts angezeigt.

Farben

  • Definieren Sie Primär- und Sekundärfarben (jeweils hell/dunkel/medium) sowie Systemfarben für Hintergrund, Text, Akzente, Warn- und Fehlermeldungen.
  • Änderungen greifen unmittelbar und bestimmen das gesamte Farbschema der Plattform (Buttons, Navigation, Überschriften etc.).
  • Verwenden Sie am besten Farbwerte im Hex-Format (#RRGGBB).

Schriftart & Custom-Styles

  • Wählen Sie eine Schriftart aus der Liste für alle Textelemente.
  • Über die CSS-Datei können Sie eigene Styles ergänzen (z. B. für spezielle Boxen oder Layout-Anpassungen).
  • Diese Datei wird nach allen System-Styles geladen und überschreibt bestehende Vorgaben.

Info-Bereich

  • Hier hinterlegter Text wird als Overlay auf allen Dashboards eingeblendet.
  • Nutzen Sie ihn z. B. für Willkommenshinweise, aktuelle Informationen oder Verlinkungen zu Supportseiten.