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.
Hinweis: Nach dem Speichern evtl. den Browser-Cache leeren, damit die Änderungen sofort sichtbar werden.
