---
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


---

# Crie um tema com Construtor de temas

# Crie um tema com Construtor de temas {#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

Crie um registro de tema para suas experiências na web ou em dispositivos móveis usando a exibição Página inicial no Construtor de temasaplicação.

## Antes de Iniciar

Função necessária: administrador

## Procedimento

1. Navegar até TudoEstrutura do Now ExperienceTemasConstrutor de temas.
2. Confirme isso Página inicial É selecionado no menu Página na parte superior da tela.  
   Figura 1. Tela inicial do Construtor de temas
3. Selecione Crie um tema .  
   O assistente Antes de começar aparece para orientá-lo nas configurações da sua marca, conforme descrito nas próximas etapas. O registro do tema é salvo automaticamente enquanto você trabalha.
4. Comece a definir seu novo tema selecionando Continuar .
5. Insira o nome e uma descrição do seu novo tema e selecione Próximo .  
   Figura 2. Cor primária da sua marca
6. Selecione Primária lado a lado, selecione a cor primária da sua marca e revise a visualização simplificada para ver onde a cor selecionada é exibida na sua instância.  
   * Na caixa de diálogo Nome da cor, você pode selecionar o modelo de cor de sua preferência: HEXADECIMAL, RGB ou HSL.
   * Ao editar cores do tema, você pode exibir a taxa de contraste no seletor de cores. O valor é atualizado quando você muda a cor na exibição Paleta ou Minhas cores.
   {#tb-create-theme__ul_czk_rvx_11c}
7. Depois de identificar a cor primária da sua marca, selecione Aplicar e, em seguida, selecione Próximo .
8. Se sua marca incluir uma cor secundária, repita a etapa anterior na tela colorida secundária.
9. Repita a etapa anterior para definir uma cor de marca neutra para linhas divisoras e contêineres de superfície.
10. **Opcional:** Escolha cores adicionais para sua marca e selecione Próximo .
11. Carregue o logotipo da sua marca e revise a visualização simplificada para verificar se ela aparece conforme o esperado com a cor primária escolhida e selecione Próximo .
12. Selecione a fonte preferencial para o seu texto e selecione Próximo .  
    Nota:  
    Se você preferir personalizar sua fonte, consulte [Configure um Next Experiencetema](https://servicenow-prod.fluidtopics.net/46h0Rw7hpP9sXGlF9vpRmg "Adicione os estilos que você criou ao Next Experiencetema para modificar a aparência da experiência do usuário."). Depois de salvar o tipo de fonte personalizado e atualizar a página, a nova fonte aparecerá como Fonte personalizada . Se você excluir a fonte personalizada do registro do tema, a fonte reverterá para Sans Pro de origem como padrão.
13. Selecione a forma de canto dos componentes na interface, como botões, modais e menus suspensos, e selecione Próximo .  
    Nota:  
    Se você preferir personalizar sua forma, consulte [Configure um Next Experiencetema](https://servicenow-prod.fluidtopics.net/46h0Rw7hpP9sXGlF9vpRmg "Adicione os estilos que você criou ao Next Experiencetema para modificar a aparência da experiência do usuário."). Depois de salvar sua forma personalizada e atualizar a página, a nova forma aparecerá como Misto . Este valor personalizado também é exibido no Estilos de componente , onde você pode editar o valor personalizado.
14. Revise suas seleções e selecione Criar tema .  
    Nota:  
    Você pode selecionar De volta para fazer mudanças no assistente antes de selecionar Criar tema .  
    Depois de criar seu tema no assistente, você será direcionado para a exibição do Editor do tema, onde poderá continuar [modificando](https://servicenow-prod.fluidtopics.net/SXBUkWcN19u5lMBaHGM0QA "Personalize e gerencie seu tema e estilo de maneira econômica e econômica. Depois de personalizar, publique seu novo tema em uma implementação web ou móvel da sua instância.")ou [publique seu tema](https://servicenow-prod.fluidtopics.net/WbbdPyAUiOYa2i5atsHSdg "Publique vários temas em sua instância da web ou um único tema em sua instância móvel para refletir a marca da sua empresa.").