Criar 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 móveis usando a exibição inicial na aplicação Construtor de temas.

    Antes de Iniciar

    Função necessária: administrador

    Procedimento

    1. Navegar até Tudo > Estrutura do Now Experience > Temas > Construtor de temas.
    2. Confirme se Página inicial está 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 Criar um tema.
      O assistente Antes de começarmos aparece para orientá-lo nas configurações de 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 novo tema e selecione Avançar.
      Figura 2. A cor primária da sua marca
      A cor primária da sua marca
    6. Selecione o bloco Primário, selecione a cor primária da sua marca e revise a visualização simplificada para ver onde a cor selecionada é exibida em sua instância.
      • Na caixa de diálogo Nome da cor, você pode selecionar o modelo de cor de sua preferência: HEX, RGB ou HSL.
      • Ao editar as cores do tema, você pode exibir a taxa de contraste no seletor de cores. O valor é atualizado quando você muda a cor na paleta ou na exibição Minhas cores.
    7. Depois de identificar a cor primária da sua marca, selecione Aplicare, em seguida, Avançar.
    8. Se sua marca incluir uma cor secundária, repita a etapa anterior na tela de cor 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 Avançar.
    11. Carregue o logotipo da sua marca e revise a visualização simplificada para verificar se ele aparece conforme o esperado com a cor primária que você escolheu e selecione Avançar.
    12. Selecione a fonte preferencial para o texto e selecione Avançar.
      Nota:
      Se você preferir personalizar sua fonte, consulte Configurar um tema Next Experience. Depois de salvar o tipo de fonte personalizada e atualizar a página, a nova fonte aparecerá como Fonte personalizada. Se você excluir a fonte personalizada do registro do tema, a fonte será revertida para Source Sans Pro como padrão.
    13. Selecione o formato do canto dos componentes na interface, como botões, modais e menus suspensos, e selecione Avançar.
      Nota:
      Se você preferir personalizar sua forma, consulte Configurar um tema Next Experience. Depois de salvar a forma personalizada e atualizar a página, a nova forma aparecerá como Mista. Este valor personalizado também é exibido na guia Estilos de componente, onde você pode editar o valor personalizado.
    14. Revise suas seleções e selecione Criar tema.
      Nota:
      Você pode selecionar Voltar 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 publicando seu tema.