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. Mit den folgenden Optionen können Sie das Branding Ihrer Plattform direkt im Studio konfigurieren und anpassen.
Die folgenden Optionen sind verfügbar, nachdem 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
Diese Optionen stehen für den Content Designer für Seiten zur Verfügung oder nachdem Sie die Neue UX aktiviert haben.
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äre, sekundäre und kritische 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 versehen sein sollen. Diese Option steht für den Content Designer für Seiten zur Verfügung oder nachdem Sie die Neue UX aktiviert haben.
Schatten
Sie können festlegen, ob Inhalte kleine, mittlere, große oder keine Schatten haben sollen. Diese Option steht für den Content Designer für Seiten zur Verfügung oder nachdem Sie die Neue UX aktiviert haben.
Inhaltsbreite
Sie können festlegen, ob Intranet-Inhalte eine breite, mittlere oder schmale Breite haben sollen. Diese Optionen stehen zur Verfügung, nachdem Sie die Neue UX aktiviert haben.
Weitere Einstellungen
Benutzerdefiniertes CSS
In den weiteren Einstellungen finden Sie das benutzerdefinierte CSS, das auf die Neue UX und die Classic UX angewendet werden kann. Sie können benutzerdefiniertes CSS für eine präzisere Anpassung anwenden. 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.
Empfehlungen: Bildgröße 1920 x 1080 px oder größer. Wenn das Bild nicht der empfohlenen Größe entspricht, wird das Bild automatisch auf die optimale Größe 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 in Ihrem Intranet nach der Anmeldung
Die folgenden Optionen sind in der klassischen 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.
Empfehlungen: Bildgröße 1920 x 1080 px oder größer. Wenn das Bild nicht der empfohlenen Größe entspricht, wird das Bild automatisch auf die optimale Größe 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 in Ihrem Intranet nach der Anmeldung
Inhaltselemente
Diese Optionen stehen für den Content Designer für Seiten zur Verfügung. Aktivieren Sie die Neue UX, um sie auf weitere Inhaltsbereiche der Plattform anzuwenden.
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äre, sekundäre und kritische 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
Diese Optionen stehen für den Content Designer für Seiten zur Verfügung. Aktivieren Sie die Neue UX, um sie auf weitere Inhaltsbereiche der Plattform anzuwenden.
Rahmenradius
Sie können festlegen, ob die Ränder von Inhalten eckig, halb abgerundet, abgerundet oder mit einem benutzerdefinierten Radius versehen sein sollen.
Schatten
Sie können festlegen, ob Inhalte kleine, mittlere, große oder keine Schatten haben sollen.
Weitere Einstellungen
In den weiteren Einstellungen finden Sie das benutzerdefinierte CSS, das auf das Intranet und den Content Designer für Seiten angewendet werden kann. Sie können benutzerdefiniertes CSS für eine präzisere Anpassung anwenden. Erfahren Sie, wie Sie benutzerdefiniertes CSS einrichten.
Weitere hilfreiche Informationen
Kommentare
0 Kommentare
Bitte melden Sie sich an, um einen Kommentar zu hinterlassen.