Sie können zwischen App und Intranet wechseln, indem Sie den Schalter oben auf der Seite App- und Intranet-Branding anpassen. So werden die jeweils verfügbaren Funktionen angezeigt. Zum Beispiel gilt die Untere Navigationsleiste nur für die App, während die Menüleiste nur für das Intranet gilt.

Nutzen Sie die Vorschau oben auf der Seite App- und Intranet-Branding, um zu sehen, wie Ihre Branding-Änderungen für die Nutzer aussehen. Sie können den Schalter zwischen App und Intranet umstellen, um beide Ansichten zu prüfen.

Staffbase empfiehlt, alle Änderungen in der Vorschau zu überprüfen, bevor Sie sie speichern.

Sie können Ihre Markenfarben auf der Seite Farben hinzufügen und verwalten. Diese Seite dient als zentrale Übersicht, auf der Sie Farben einfach definieren, anpassen und plattformweit wiederverwenden können. Sie können Ihre Markenfarben auf folgende Interface-Elemente anwenden:

• Primäre Branding-Farbe: Hebt wichtige Tasks und Optionen hervor, wie Schaltflächen, Breadcrumb-Navigation, Links und mehr.
• Navigations-Header: Passen Sie das Aussehen Ihrer Navigations-Header mit folgenden Farboptionen an:
  • Textfarbe: Gilt für alle Elemente im Navigations-Header, einschließlich Text und Icons. Zum Beispiel das Menü, Launchpad und Benachrichtigungscenter.
  • Hintergrundfarbe: Legt den Hintergrund des Navigations-Headers fest.
  • Akzentfarbe: Hebt das aktuell geöffnete Menüelement in der App oder im Intranet hervor.
• Untere Navigationsleiste: Passen Sie die Farbe der unteren Navigationsleiste auf Ihren Mobilgeräten an, um das Interface zu verbessern und die Navigation zu erleichtern.
• Menüleiste: Passen Sie folgende Aspekte Ihres Intranet-Menüs an Ihr Branding an und verbessern Sie die Navigation.
  • Text und Icons: Passen Sie die Farbe der Menü-Beschriftungen und Icons an. Wählen Sie einen Stil, der die Lesbarkeit und die visuelle Konsistenz mit Ihrem Branding sicherstellt.
  • Hintergrund: Legen Sie die Hintergrundfarbe der Menüleiste fest. Wählen Sie einen Farbton, der einen guten Kontrast bietet und zu Ihrem Gesamtdesign passt.
  • Akzent: Definieren Sie die Hervorhebungsfarbe für aktive oder überfahrene Menüeinträge. So erkennen Nutzer ihre aktuelle Position in der Navigation und die Bedienung wird erleichtert.
• Navigator: Passen Sie folgende Elemente im Navigator an:
  • Nachrichtenfarbe: Legen Sie die Text- und Hintergrundfarbe der Texteingabe und Antworten fest.
  • Voice Orb-Farbe: Legen Sie die Akzentfarben fest, die bei Spracheingabe angezeigt werden.

Sie können bestehende Farben anpassen und weitere Markenfarben mit HEX-Codes oder der Farbauswahl hinzufügen. Es gibt keine Begrenzung für die Anzahl der Farben, die Sie hinzufügen können.

Sie können in den Branding-Optionen zwei Arten von Logos hochladen:

App- und Intranet-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 High-Efficiency-Format)

Navigator-Logo

Laden Sie ein Logo für Ihren Navigator hoch. Das Logo erscheint als Icon, das Nutzer anklicken können, um den Navigator zu öffnen. Es wird unten rechts in Ihrer Web-App und über 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

Geben Sie einen Header für die Startseite Ihrer App oder Ihres Intranets an. Dies kann der Name Ihres Unternehmens, Ihrer App oder Ihres Intranets sein.

Optional können Sie 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 es automatisch gezoomt oder zugeschnitten, was zu Qualitätsverlust führen kann.

Das Hintergrundbild wird an folgenden Stellen verwendet:

• Ihr öffentlicher Bereich
• Hinter dem Anmelde-Dialog, wenn Sie keinen öffentlichen Bereich haben
• Überall in Ihrer Web-App nach der Anmeldung

Wenn konfiguriert, wird die Begrüßungsseite direkt nach der ersten Anmeldung eines Nutzers angezeigt und führt den Nutzer in Ihre App ein. Sie können damit die Werte, Vorteile und Funktionen Ihrer internen Kommunikationsplattform vorstellen oder einfach „Willkommen“ sagen. Die Seite wird dem Nutzer nur einmal nach der ersten Registrierung angezeigt. Die Anpassung der Begrüßungsseite finden Sie unter Einstellungen > Begrüßungsseite.

Anforderungen:

• Seitenverhältnis 16:9
• Bildgröße 1920 x 1080 px oder größer
• Beachten Sie die Safe Zone: Stellen Sie sicher, dass die kritischen Elemente Ihres Bildes zentriert und innerhalb einer Safe Zone von 8,5 % am oberen und unteren Rand des Bildes liegen. Bei einer Bildgröße von 1920 x 1080 px beträgt die Safe Zone von 8,5 % eine Höhe von 91,8 px.