Ihre interne Kommunikationsplattform repräsentiert die Werte und die Kultur Ihres Unternehmens. Staffbase bietet verschiedene Möglichkeiten, die Brand-Identität Ihres Unternehmens in Ihre interne Kommunikations-App einzubringen. Die folgenden Optionen ermöglichen es Ihnen, das Branding Ihrer Plattform direkt im Studio zu konfigurieren und anzupassen.
Die folgenden Optionen sind in der Classic UX verfügbar.
Navigation
In der Navigation können Sie das Logo festlegen und die Farben für den App-Header und Intranet-Header anpassen.
Logo
Laden Sie ein Logo hoch, das die Kernwerte Ihres Unternehmens unterstreicht. Ihr Logo wird in Ihrer mobilen und Web-App angezeigt. Sie können ein quadratisches oder rechteckiges Logo hochladen.
Anforderungen
Logo-Größe:
- Quadratisches Logo: genau 40 x 40 px
- Rechteckiges Logo: genau 120 x 40 px
Logo-Format:
- JPG
- PNG
- GIF
- TIF
- BMP
- HEIC (iOS Hochformat)
Navigator
In den Branding-Optionen des Navigators können Sie ein Logo für den Navigator auswählen und die Farben anpassen.
Navigator-Logo
Logo für Ihren Navigator hochladen. Das Logo erscheint als Icon, das Nutzer anklicken können, um den Navigator zu öffnen. Es wird unten rechts in Ihrer Web-App und oberhalb der unteren Navigationsleiste in Ihrer mobilen App angezeigt. Das Logo ist auch im Navigator während der Nutzer-Interaktionen sichtbar.
Anforderungen
Logo-Größe:
- 64 x 64 px oder größer
- Bis zu 25 MB
Logo-Format:
- JPG
- PNG
Allgemeine Darstellung
Haupteinstellungen
In den Haupteinstellungen können Sie die Hauptfarbe und den Titel der Startseite für App und Intranet festlegen. Der Titel der Startseite kann der Name Ihres Unternehmens, Ihrer App oder Ihres Intranets sein.
Desktop-Hintergrundbild
Sie können optional ein Hintergrundbild für Desktop-Nutzer aus Meine Dateien oder von Ihrem lokalen Computer hochladen.
Empfehlung: Bildgröße 1920 x 1080 px oder größer. Wenn das Bild nicht die empfohlene Größe hat, wird es automatisch gezoomt oder zugeschnitten, was zu einer geringeren Qualität führen kann.
Das Hintergrundbild wird an folgenden Stellen verwendet:
- Öffentlicher Bereich
- Hinter dem Anmeldedialog, wenn Sie keinen öffentlichen Bereich haben
- Überall im Intranet nach der Anmeldung
Weitere Einstellungen
In den weiteren Einstellungen finden Sie das Benutzerdefinierte CSS, das Sie für das Intranet und den Content Designer für Seiten anwenden können. Sie können benutzerdefiniertes CSS für eine präzisere Anpassung verwenden. Erfahren Sie, wie Sie benutzerdefiniertes CSS einrichten.
Die folgenden Optionen stehen zur Verfügung, sobald Sie die Neue UX aktiviert haben.
Navigation
In der Navigation können Sie das Logo festlegen und die Farben für den App-Header und Intranet-Header anpassen. Im Intranet-Bereich können Sie zusätzlich zwischen den Navigationsoptionen Vollbreite und Schwebend wählen.
Logo
Laden Sie ein Logo hoch, das die Kernwerte Ihres Unternehmens unterstreicht. Ihr Logo wird in Ihrer mobilen und Web-App angezeigt. Sie können ein quadratisches oder rechteckiges Logo hochladen.
Anforderungen
Logo-Größe:
- Quadratisches Logo: genau 40 x 40 px
- Rechteckiges Logo: genau 120 x 40 px
Logo-Format:
- JPG
- PNG
- GIF
- TIF
- BMP
- HEIC (iOS Hochformat)
Footer
Sie können einen Footer hinzufügen, der am unteren Rand Ihrer App oder Ihres Intranets mit individuellem Logo, Links und Social Media angezeigt wird.
Navigator
In den Branding-Optionen des Navigators können Sie ein Logo für den Navigator auswählen und die Farben anpassen.
Navigator-Logo
Logo für Ihren Navigator hochladen. Das Logo erscheint als Icon, das Nutzer anklicken können, um den Navigator zu öffnen. Es wird unten rechts in Ihrer Web-App und oberhalb der unteren Navigationsleiste in Ihrer mobilen App angezeigt. Das Logo ist auch im Navigator während der Nutzer-Interaktionen sichtbar.
Anforderungen
Logo-Größe:
- 64 x 64 px oder größer
- Bis zu 25 MB
Logo-Format:
- JPG
- PNG
Allgemeine Darstellung
Haupteinstellungen
In den Haupteinstellungen können Sie die Hauptfarbe und den Titel der Startseite für App und Intranet festlegen. Der Titel der Startseite kann der Name Ihres Unternehmens, Ihrer App oder Ihres Intranets sein.
Inhaltselemente
Typografie
Sie können die Schriftart für alle Texte und Beschriftungen mit der UI-Schriftart festlegen. Sie können benutzerdefinierte Schriftarten im Bereich Schriftarten des Brandings hinzufügen und auswählen. Zusätzlich können Sie individuelle Schriftarten, Schriftstärken und Größen für Überschriften und Texte in Ihren Inhalten festlegen.
Schaltflächen
Sie können die Hintergrundfarbe, Rahmenfarbe, Textfarbe und den Rahmenradius für Primär-, Sekundär- und Kritisch-Schaltflächen in der Plattform festlegen. Welche Schaltfläche verwendet wird, ist von der Plattform vorgegeben. Sie können Button-Stil hinzufügen auswählen, um Ihre eigene Schaltfläche für die Nutzung im Content Designer für Seiten zu erstellen und zu definieren.
Links
Sie können die Linkfarbe festlegen und zwischen fett, kursiv, unterstrichen oder keiner zusätzlichen Formatierung für Links wählen.
Inhaltscontainer
Rahmenradius
Sie können festlegen, ob die Ränder von Inhalten eckig, halb abgerundet, abgerundet oder mit einem benutzerdefinierten Radius dargestellt werden.
Schatten
Sie können festlegen, ob Inhalte kleine, mittlere, große oder keine Schatten haben sollen.
Inhaltsbreite
Sie können festlegen, ob Intranet-Inhalte breite, mittlere oder schmale Breite haben sollen.
Weitere Einstellungen
Benutzerdefiniertes CSS
In den weiteren Einstellungen finden Sie das Benutzerdefinierte CSS, das Sie für die Neue UX und Classic UX anwenden können. Sie können benutzerdefiniertes CSS für eine präzisere Anpassung verwenden. Erfahren Sie, wie Sie benutzerdefiniertes CSS für die Neue UX einrichten.
Hintergrund
Sie können optional eine Hintergrundfarbe oder ein Hintergrundbild für Desktop-Nutzer aus Meine Dateien oder von Ihrem lokalen Computer hochladen.
Empfehlung: Bildgröße 1920 x 1080 px oder größer. Wenn das Bild nicht die empfohlene Größe hat, wird es automatisch gezoomt oder zugeschnitten, was zu einer geringeren Qualität führen kann.
Das Hintergrundbild und die Hintergrundfarbe werden an folgenden Stellen im Intranet verwendet:
- Öffentlicher Bereich
- Hinter dem Anmeldedialog, wenn Sie keinen öffentlichen Bereich haben
- Überall im Intranet nach der Anmeldung
Weitere hilfreiche Informationen
Kommentare
0 Kommentare
Bitte melden Sie sich an, um einen Kommentar zu hinterlassen.