The default branding that displays in the Intelligent Hub app and Hub portal view use the Intelligent Hub blue logo with white and gray background colors. You can customize the default branding to include a different logo, text color, and background color, and you can create versions of branding as desired.

You can add either global branding or the versions you create to different Hub templates to offer different Intelligent Hub experiences to different groups of users.

Note: You cannot disable branding.

You can use the color picker tool to view and select colors that are used in the Intelligent Hub app mobile and web browser views. Click and drag on the circle in the color field to select a shade of color. Use the slider to select the hue.

Create a Global Customize Branding

  1. Navigate to the Hub Services console Home page.
  2. Click Branding.
  3. Edit the settings in the Branding page as appropriate. To add a color, enter the hexadecimal color code. You can use the color picker to select the exact color that is required. The hexadecimal color code is displayed in the corresponding text box.
    Option Description
    Organization Name Enter the organization name to use as the title that displays in the browser tab. The default is VMware.
    Product Name Enter the text that displays after the organization name in the browser tab. The default is Intelligent Hub.
    Company Logo Click Upload to replace the current Intelligent Hub logo that displays on the mobile, web browser, and desktop views.

    The maximum size of the logo image is 200 x 80 pixels. The format can be JPEG, PNG or GIF.

    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

    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.

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

    Body/Content

    Interactive Color (Tint). The default is #1393C7. 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.

    For more options, enable Advanced Content Branding Options.

    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 background color in the body of the screen.

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

    Tab Bar (Mobile)

    Type & Icon Color. Select Use Default branding to display the Hub app text and icon colors. Select Same as Navigation Bar to use the type and icon color selected for the navigation bar. By default, the navigation bar displays on mobile devices and desktops. You can deselect the option to display a navigation bar on desktops.

  4. Click Save.

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

Create Versions of Branding

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 down-arrow menu next to VERSION:GLOBAL and select ADD VERSION.
  4. Give this version a unique name and add a description.
  5. Continue with Step 3 in the Create a Global Customize Branding section.