---
sourceDocument: Interface do usuário da Now Platform Yokohama
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/yokohama/platform-user-interface

 Release :

    - yokohama

ft:locale :

    - pt-BR

ft:publication_title :

    - Interface do usuário da Now Platform Yokohama

ft:clusterId :

    - platux

bundleId :

    - platux

workflow :

    - Platform


---

# Configure a identidade visual do portal

# Configure a identidade visual do portal {#ariaid-title1}

* Versão de lançamento: Yokohama
* 
* Atualizado 30 de jan. de 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 2 min. de leitura

Uso Editor da Identidade Visualpara dar ao seu portal sua própria aparência.

Para acessar o Editor de identidade visual, navegue até Portal de serviçosConfiguração do Portal de serviçose clique em Editor de identidade visual .

Selecione o portal para o qual você deseja personalizar o tema na lista de portais. Em seguida, use as opções nas guias Configuração rápida e Cores do tema para personalizar seu portal.  
Figura 1. Editor da Identidade Visual  
{#c_BrandingEditor__table_bq1_v4h_2z__entry__2}

| Campo | Descrição |
|-|-|
| Título do portal | O nome do seu portal. Alterando o nome do portal no Editor da Identidade VisualTambém muda o título no campo de formulário do portal na IU da plataforma. |
| Logotipo | O logotipo que aparece no cabeçalho do seu portal. Esta imagem é dimensionada para uma altura máxima de 46 px e uma largura máxima de 200 px. |
| Preenchimento do logotipo | Onde você deseja que o logotipo fique no local da borda do cabeçalho. Essas informações são armazenadas na seção Variáveis CSS no formulário do portal. |
| Marcador e plano de fundo | Campos definidos pelo esquema JSON no Configuração de início rápido Campo no registro do portal na IU da plataforma. A amostra Portal de serviçosadicionados Slogan e. Plano de fundo para Editor da Identidade Visualusando o seguinte esquema: [{ "tagline": { "table" : "sp_instance", "sys_id" : "34fe3d96cb20020000f8d856634c9cf4", "field" : "title" }, "hero_background": { "table" : "sp_container", "sys_id" : "be98a8d2cb20020000f8d856634c9c63", "field" : "background_image" } }] |
| Slogan | Apresente aos usuários uma página do portal com um marcador. Este texto é armazenado em uma instância do widget de pesquisa da página inicial. |
| Cor da linha de marcador | Selecione uma cor para o marcador. |
| Cor de plano de fundo da página inicial | Adicione uma cor para o plano de fundo. Você pode digitar um nome de cor, cor hexadecimal, decimal (RGB) ou selecionar no palato de cores. |
| Imagem em segundo plano | Carregue uma imagem para aparecer no plano de fundo da sua página inicial. Esta imagem é armazenada no contêiner do widget em sua página inicial. |
[Tabela 1. Opções da guia Configuração rápida]

{#c_BrandingEditor__table_bq1_v4h_2z}  
Para todas as cores na guia de tema, você pode usar o nome da cor padrão, o código hexadecimal, o código decimal (RGB) ou selecionar a cor no palato de cores. Todas as definições de cor são armazenadas no campo Variáveis CSS do formulário do portal. A visualização do tema é atualizada em tempo real à medida que você faz mudanças. {#c_BrandingEditor__table_bsg_hd3_2z__entry__2}

| Campo | Descrição |
|-|-|
| Barra de navegação | Use os campos nesta seção para personalizar as cores do menu do cabeçalho. |
| Marca | Use os campos nesta seção para personalizar as cores da página. Por exemplo, o plano de fundo da página ou o plano de fundo do widget. |
| Texto | Use os campos nesta seção para personalizar a cor do texto em uma página. |
[Tabela 2. Guia Cores do tema]

{#c_BrandingEditor__table_bsg_hd3_2z}

Mudanças feitas nas cores do tema no Editor da Identidade VisualAparecem no campo Variáveis CSS do formulário do portal na IU da plataforma.