You can use your organization's logo in the Workspace ONE Intelligent Hub app and on the Hub portal pages instead of the default Workspace ONE logo. You can customize the product name that displays in the web browser tab, and change accent font and background colors.

You can also add logo and an accent color that displays correctly when users who use iOS and Android devices configure their screens for dark mode.

You can create a global brand setting and then create different versions of the brand design to add to Hub templates.

Create a Global Customize Branding Setting

  1. Navigate to the Hub Services console Home page.
  2. Click Branding.
  3. Edit the settings in the Branding page.

    Use the color picker to select the hexadecimal color code. Click and drag on the circle in the color area to select the shade of the color. Use the slider to select the hue.

    How to find the branding color picker in the Hub Services console branding page
    Option Description
    Logos

    Organization Logo. Click Upload to replace the current Workspace ONE Intelligent Hub logo that displays on the mobile, web browser, and desktop views. The format can be JPEG, PNG or GIF. For best display results, the maximum size of the image file is 10MB.

    Mobile App icon. You can change the color of the Workspace ONE Intelligent Hub app icon that displays on devices.
    Web Browser

    Organization Name. Enter the organization name to use as the title that displays in the browser tab. The default name is VMware.

    Product Name. Enter the text that displays after the organization name in the browser tab. The default name is Intelligent Hub.

    Favicon. A favicon is an icon associated with a URL that is displayed in the browser tab. The maximum size of a favicon image is 16 x 16 pixels. The format can be JPEG, PNG or GIF. Click Upload to upload a new image to replace the current favicon.
    Navigation Bar You can configure the appearance of the web browser navigation bar.

    Background Color. The default is white (#FFFFFF). Click the square next to the text box to use the color picker or enter a six-digit hexadecimal color code over the existing one to change the navigation bar background color.

    Font & Icon Color. Depending on your background color, select either Black or White for the text color.
    Tab Bar (Mobile)

    Font & Icon Color.

    • Select Use Default branding to display the Intelligent Hub app text and icon colors that you configured for the Content.
    • Select Same as Navigation Bar to use the font and icon color configured for the Navigation Bar.
    Content

    Accent Color. The accent color is the highlight color that is applied to links and active areas. For example, when a user selects a tab, the tab displays in the accent color. Click the square next to the text box to use the color picker or enter a six-digit hexadecimal color code over the existing one to change the color that displays around an app icon.

    Enable Advanced Content Branding Options for the following options.

    Background. You can select either Image or Color.

    If you select color, Background Color is displayed. The default is white (#FFFFFF). Click the square next to the text box to use the color picker or enter a six-digit hexadecimal color code over the existing one to change the background color in the body of the screen.

    Note: Do not select the same hex value for the accent color and background color. The app pages might not display correctly.

    If you selected Background Image, upload the image to use as the background for the Hub portal page. The format can be JPEG, PNG or GIF. The image file size must be under 10MB.

    Font & Icon Color. Depending on your background, select either Black or White for the text color.
    Dark Mode

    Dark mode is a display setting on devices that displays a light color shade text against a dark or black screen. If users configure the dark mode setting on their iOS and Android devices, the Workspace ONE Intelligent Hub screens are displayed in dark mode. If users configure their computer settings to display screens in dark mode, the web browser displays the Workspace ONE Intelligent Hub screens in dark mode. Users can modify the appearance of their Hub web browser view from the Hub portal Account > Preferences page. The appearance set in the Hub portal Preferences page overrides the computer settings configured for light or dark mode.

    To provide end-users with the dark mode experience that aligns with your company's branding, configure your company dark mode logo and accent color.

    • Dark Mode Organization Logo. Click Upload to replace the current dark mode Intelligent Hub logo with your logo. The format can be JPEG, PNG or GIF.
    • Dark Mode Background. You can select either Color Preset or Image.

    • If you selected Image, upload the image to display for dark mode background. The format can be JPEG, PNG or GIF. The image file size must be under 10MB.

    • If you select Color Present, in Accent Color select the accent color. The accent color is the highlight color that is applied to links and active areas. Use lighter tones for better visibility on dark mode screens.
    Note: If you do not configure a dark mode logo and accent color, the Workspace ONE Intelligent Hub app uses the default Intelligent Hub dark mode logo and accent color.

    You can see the changes that you make in the preview boxes on the right.

  4. After you change the branding values, click SAVE.

If you want to return to the Workspace ONE Intelligent Hub default app settings, click RESET.

Create Versions of the Branding Setting for Templates

If the global branding design does not work for all your Intelligent Hub users, you can create versions of the branding design. Change the logo and colors to customize the look for different groups in your company.

  1. Navigate to the Hub Services console Home page.
  2. Click Branding.
  3. Click the VERSION: GLOBAL down-arrow menu and select ADD VERSION.
  4. Give this version a unique name and add an optional description.
  5. Continue with Step 3 in the Create a Global Customize Branding section.

    When templates are assigned to users, mobile device and macOS users see the new settings in the Workspace ONE Intelligent Hub app either when their session token expires and is refreshed or if they sign out of the Workspace ONE Intelligent Hub app and restart the app.