Você pode personalizar facilmente as cores e as fontes para combinar com o estilo da sua empresa. Este guia mostra como atualizar suas fontes, definir cores da marca, criar fundos gradientes e muito mais, tudo a partir do seu painel de controle do Notiondesk.
Personalizando fontes
Escolha sua fonte principal (títulos e cabeçalhos)
Você pode alterar a fonte usada para títulos, cabeçalhos e outros elementos principais da sua central de ajuda.
Para atualizar sua fonte principal:
- Abra seu painel de controle Notiondesk.
- Acesse a seção de Personalização .
- Nas configurações de marca , encontre a opção Fonte principal .
- Escolha uma fonte da lista disponível. As opções incluem Inter, Lora, Montserrat, Noto, Roboto e outras.
Após selecionada, a nova fonte será aplicada automaticamente aos títulos e cabeçalhos da sua central de ajuda.
Escolha sua fonte secundária (texto principal)
Você também pode definir uma fonte diferente para o corpo do texto dos artigos da sua central de ajuda.
Para atualizar sua fonte secundária:
- No seu painel de controle do Notiondesk, acesse a seção Personalização .
- Em "Branding" , encontre "Fonte Secundária" .
- Selecione uma fonte da lista disponível, como Inter, Lora, Montserrat, Noto, Roboto e outras.
A fonte escolhida será aplicada a todo o texto do corpo dos artigos em sua central de ajuda.
Uma boa fonte secundária facilita a leitura dos seus artigos; você pode misturar fontes para um estilo distinto ou usar a mesma fonte tanto para a fonte primária quanto para a secundária, mantendo a consistência.
Personalizando cores
Atualizar cores da marca
Você pode atualizar facilmente as cores principais da sua central de ajuda para que combinem com a sua marca.
Para alterar as cores da sua marca:
- Abra seu painel de controle Notiondesk.
- Acesse a seção de Personalização .
- Na aba "Personalização" , você pode atualizar as seguintes cores:
| Cor | Descrição |
|---|---|
| Cor primária | Utilizado para elementos de navegação como botões e links ativos. |
| Cor do texto | Utilizado no corpo principal do texto em toda a sua central de ajuda. |
| Cor do link | Utilizado para hiperlinks padrão. |
| Cor do link ao passar o cursor | Altera a cor do link quando o usuário passa o cursor sobre ele. |
| Cor de fundo | Define a cor de fundo de toda a sua central de ajuda. |
Cada vez que você escolher uma nova cor, a mudança será refletida instantaneamente em seu site.
Personalize as cores do cabeçalho
A seção de cabeçalho da sua central de ajuda inclui links de navegação que os visitantes veem primeiro. Você pode atualizar as cores dos links para combinar com a sua marca ou melhorar a visibilidade.
Para alterar as cores dos links do cabeçalho:
- Acesse a seção Personalização no seu painel de controle do Notiondesk.
- Abra a aba Cabeçalho .
- Atualize as seguintes opções:
| Cor | Descrição |
|---|---|
| Cor do link | Define a cor padrão para links no cabeçalho. |
| Cor do link ao passar o cursor | Define a cor dos links quando os usuários passam o cursor sobre eles. |
Personalize o fundo do bloco Hero
O Bloco Principal é a seção superior da sua central de ajuda, geralmente a primeira coisa que os visitantes veem. Você pode personalizá-lo com uma cor de fundo ou um gradiente para refletir melhor a sua marca.
Use uma cor de fundo simples.
Se você preferir um fundo limpo e sólido em vez de uma imagem:
- Acesse a seção Personalização no seu painel de controle.
- Abra a aba Bloco de Herói .
- Escolha a cor de fundo .
- Selecione uma cor de fundo no seletor ou cole o código hexadecimal da sua marca.
A cor selecionada preencherá todo o fundo do Bloco Principal.
Use um fundo gradiente
Os gradientes permitem misturar várias cores em uma transição suave, uma ótima maneira de adicionar profundidade ao seu cabeçalho sem usar imagens.
Para configurar um gradiente:
- Na aba Bloco Principal , defina o Fundo como Gradiente .
- Selecione um tipo de gradiente :
- Linear : as cores fluem em linha reta.
- Radial : as cores irradiam do centro para fora.
- Para gradientes lineares , ajuste a Rotação (ângulo) para controlar a direção da mistura.
- Adicione suas cores de gradiente. Você pode configurar até 5 cores, cada uma com sua própria porcentagem e código de cor.
Os gradientes são altamente personalizáveis. Você pode criar transições sutis com duas cores ou ousar com uma mistura multicolorida. Apenas certifique-se de que o texto permaneça legível na primeira linha.
Personalize as cores do cartão e do rodapé
Você também pode personalizar as cores usadas nos cartões de Coleção, nos cartões de Artigo e no rodapé da sua Central de Ajuda para manter tudo alinhado à marca e visualmente coeso.
Cartões de Coleções e Artigos
Cada Coleção ou Artigo é exibido em um cartão na sua central de ajuda. Você pode alterar a cor de fundo desses cartões para combinar com seu estilo ou diferenciar as seções.
Para atualizar as cores dos cartões:
- Acesse a seção Personalização no seu painel de controle do Notiondesk.
- Abra a aba Coleções ou Artigos .
- Selecione a cor de fundo.
Escolha cores sólidas que garantam que o texto dentro dos cartões permaneça legível.
Cores do rodapé
O rodapé é a seção localizada na parte inferior de cada página da central de ajuda. Geralmente, ele contém links ou informações de contato, portanto, a clareza é fundamental.
Para atualizar as cores do rodapé:
- Acesse a seção de Personalização .
- Abra a aba Rodapé .
- Defina a cor de fundo e a cor do texto do rodapé .
Isso ajuda a garantir que seu rodapé tenha uma boa aparência e permaneça acessível no plano de fundo escolhido.
Melhores práticas para estilizar sua central de ajuda
Personalizar fontes e cores ajuda a integrar a sua central de ajuda à sua marca, mas manter a legibilidade e a consistência é igualmente importante. Aqui estão algumas dicas para obter os melhores resultados:
- Mantenha as cores da sua marca.
Use as mesmas cores que você usa em seu site e produto. Isso mantém a familiaridade para seus usuários.
- Use fontes legíveis
Evite fontes excessivamente decorativas, especialmente para o corpo do texto. Opte por fontes claras, legíveis e fáceis de escanear.
- Mantenha um bom contraste.
Certifique-se de que haja contraste suficiente entre o texto e o fundo. Por exemplo, evite texto cinza claro sobre fundo branco.
- Tenha cuidado com os gradientes.
Os gradientes podem adicionar interesse visual, mas muitas cores ou transições bruscas podem dificultar a leitura do conteúdo. Para melhores resultados, use apenas duas ou três cores.
- Pré-visualização em computadores e dispositivos móveis
Confira seu design em diferentes tamanhos de tela para garantir que tudo pareça nítido e profissional.