No console de Serviços do Hub, você pode personalizar o logotipo, a cor do texto e a cor do plano de fundo que aparecem no aplicativo Intelligent Hub em dispositivos e no modo de exibição de navegador da Web do portal do usuário.

Você pode usar a ferramenta seletor de cores para visualizar e selecionar as cores usadas nas exibições do navegador da Web e do dispositivo móvel do Intelligent Hub. Clique e arraste no círculo no campo de cores para selecionar um tom de cor. Use o controle deslizante para selecionar o matiz.

Se você não quiser personalizar essas exibições, o logotipo do Hub e as cores de plano de fundo designados pela VMware serão usados.

Procedimento

  1. Navegue até o console dos Serviços do hub, página Início.
  2. Clique em Marca.
  3. Edite as configurações na página Identidade Visual, conforme apropriado. Para adicionar uma cor, insira o código de cor hexadecimal. Você pode usar o seletor de cores para selecionar a cor exata necessária. O código de cor hexadecimal é exibido na caixa de texto correspondente.
    Opção Descrição
    Nome da Organização Digite o nome da organização a ser usado como o título exibido na guia Navegador. O padrão é VMware.
    Nome do produto Insira o texto exibido após o nome da organização na guia Navegador. O padrão é Intelligent Hub.
    Logotipo da Empresa

    Clique em Carregar para substituir o logotipo do Intelligent Hub atual que é exibido nas exibições de desktop, dispositivo móvel e navegador da Web.

    O tamanho máximo da imagem do logotipo é 200 x 80 pixels. O formato pode ser JPEG, PNG ou GIF.

    Favicon Um favicon é um ícone associado a um URL que é exibido na guia do navegador. O tamanho máximo de uma imagem do favicon é 16 x 16 pixels. O formato pode ser JPEG, PNG ou GIF. Clique em Carregar para carregar uma nova imagem que substituirá o favicon atual.
    Barra de Navegação

    Cor do Plano de Fundo. O padrão é branco (#FFFFFF). Clique no quadrado ao lado da caixa de texto para usar o seletor de cores ou digite um código de cor hexadecimal de seis dígitos sobre o existente para alterar a cor do plano de fundo da barra de navegação.

    Tipo e Cor do Ícone. Dependendo da cor do plano de fundo, selecione Preto ou Branco para a cor do texto.

    Corpo/Conteúdo

    Cor Interativa (Tonalidade). O padrão é #1393C7. Clique no quadrado ao lado da caixa de texto para usar o seletor de cores ou digite um código de cor hexadecimal de seis dígitos sobre o existente para alterar a cor exibida ao redor do ícone de um aplicativo.

    Para obter mais opções, ative Identidade Visual de Conteúdo Avançado.

    Cor do Plano de Fundo O padrão é branco (#FFFFFF). Clique no quadrado ao lado da caixa de texto para usar o seletor de cores ou digite um código de cor hexadecimal de seis dígitos sobre o existente para alterar a cor do plano de fundo no corpo da tela.

    Tipo e Cor do Ícone Dependendo da sua cor de plano de fundo, selecione Preto ou Branco para a cor do texto.

    Barra de Guia (Móvel)

    Tipo e Cor do Ícone. Selecione Usar a identidade visual padrão para exibir o texto do aplicativo do Hub e as cores do ícone. Selecione Igual à Barra de Navegação para usar o tipo e a cor do ícone selecionados para a barra de navegação. Por padrão, a barra de navegação é exibida em dispositivos móveis e desktops. Você pode desmarcar a opção para exibir uma barra de navegação nos desktops.

  4. Clique em Salvar.

Resultados

Você pode visualizar as alterações nas exibições de navegador, desktop e dispositivo móvel nas caixas de gráficos à direita.