Crie um tema com Construtor de temas

  • Versão de lançamento: Yokohama
  • Atualizado 30 de jan. de 2025
  • 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é Tudo > Estrutura do Now Experience > Temas > Construtor 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
      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
      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.
    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. 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. 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 ou publique seu tema .