Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

...

Nota

Antes de iniciar

Certifique-se de que você tem as informações e os acessos necessários:

  1. Cores do produto

    • Obtenha os códigos hexadecimais das cores primária, secundária e terciária do produto.

    • Consulte o time de UX ou acesse o NDS (Design System) para localizar as cores oficiais.

  2. Acesso ao repositório de ícones

    • Confira o repositório com os ícones atualizados.

    • Caso não encontre um ícone necessário, solicite acesso ao Figma para criar ou ajustar os ícones.

  3. Aviso ao administrador

    • O administrador do Help Center deve ser avisado com antecedência sobre a mudança, enviando as cores para que os scripts sejam gerados.

...

Passo 3: Personalização do tema do Help Center

  1. Na barra superior do Confluence, clique na aba Aplicativos

  2. Clique em Scroll Viewport

  3. Na lista, selecione o Help Center que deseja editar o tema

  4. Clique no botão Edit theme > Templates

Header

  • Logo: Substitua pelo logotipo oficial do Help Center.

Painel
panelIconId1f609
panelIcon:wink:
panelIconText😉
bgColor#E3FCEF

Não esqueça do contraste:

Group 8713-20241212-163634.pngImage Added
  • Cor de fundo: Altere para a cor secundária do produto.

  • Cor do texto: Configure como branco #FFFFFF.

...

Dica

O logo e o banner você encontra no repositório.

Categorias (Tiles ordering)

Crie categorias para organizar o conteúdo de forma intuitiva:

...