Os usuários com acesso à permissão Editar padrões da conta podem editar o logotipo, o favicon e as cores da sua marca no kit de marca.
Nas suas configurações, defina seu logotipo e favicon, bem como sua cor principal, secundária, de destaque e adicional. As cores da marca aparecerão no editor de conteúdo, nas páginas de agendamento, nos orçamentos e nos canais de conversa, mas não aparecerão nos modelos de vendas e nos e-mails.
Editar seu logotipo
Nas configurações da conta, você pode editar o logotipo padrão. Este logotipo pode ser substituído por conteúdo individual.
- No menu da barra lateral esquerda, clique em Padrões da conta.
- Clique na guia Marca.
- Clique no kit da marca que deseja editar.
- Para adicionar um novo logotipo, clique em + Adicionar na seção Logotipos.
- Adicione seu novo logotipo:
- Para adicionar uma imagem existente na ferramenta de arquivos como logotipo, clique em Procurar imagens. No painel à direita, clique na imagem.
- Para adicionar uma nova imagem, clique em Upload e adicione uma imagem do seu computador.
- No campo Nome do logotipo, insira um nome para o logotipo. Este campo é obrigatório.
- No campo Texto alternativo do logotipo, insira uma descrição do seu logotipo para os mecanismos de pesquisa e leitores de tela. Isso melhora a acessibilidade e o SEO do seu site. Saiba mais sobre a acessibilidade do site na documentação para desenvolvedores da HubSpot.
- No campo URL do logotipo , insira um URL se quiser que o logotipo seja clicável.
- Para redimensionar o seu logotipo, insira uma nova dimensão no campo Largura ou Altura. O outro campo irá se ajustar automaticamente para manter as proporções da imagem.
- Para adicionar outro logotipo, clique + Adicionar na parte inferior da seção de Logotipos .
- Para excluir uma imagem existente, passe o cursor do mouse sobre a imagem e clique no X no canto superior direito. Para excluir um logotipo, clique no menu suspenso Ações e selecione Excluir.
- Quando terminar de editar o seu logotipo, clique em Salvar no canto inferior esquerdo.
Você pode substituir um logotipo padrão por conteúdo específico no editor de conteúdos ou no gerenciador de design. No módulo Logotipo, clique para ativar a opção Substituir logotipo padrão e carregue um logotipo.
Edite seu favicon
Nas configurações da conta, você pode personalizar o favicon do seu site, a pequena imagem na guia do navegador ao lado do título da página. O seu favicon somente será aplicado a conteúdo hospedado pela HubSpot.
- No menu da barra lateral esquerda, clique em Padrões da conta.
- Clique na guia Marca.
- Clique no kit da marca que deseja editar.
- Para adicionar um novo favicon, clique em + Adicionar na seção Favicon .
- Adicione seu novo favicon:
- Para adicionar uma imagem existente na ferramenta de arquivos como favicon, clique em Procurar imagens. No painel à direita, clique na imagem.
- Para adicionar uma nova imagem como favicon, clique em Upload e adicione uma imagem do seu computador.
Observação: para obter melhores resultados, o favicon deve ser salvo como uma imagem 48 por 48 px em um deste formatos de arquivo: .ico, .gif, .png.
- No campo Nome do favicon, insira o nome do seu favicon.
- Quando terminar de editar o favicon, clique em Salvar no canto inferior esquerdo.
Editar as cores da marca
Você pode definir as cores da marca nas configurações que aparecerão no editor de conteúdo, bem como nas páginas de agendamento, nos orçamentos e nos canais de conversa. As cores da marca não aparecerão nos modelos de vendas e nos e-mails.
- No menu da barra lateral esquerda, clique em Padrões da conta.
- Clique na guia Marca.
- Clique no kit da marca que deseja editar.
- Na seção Meu kit de marca, clique na guia Cores.
- Para definir as cores da sua marca:
- Cor principal: a cor principal usada na sua marca. Em Cor principal, insira um código hexadecimal ou clique no seletor de cor e selecione uma cor. Em seguida, clique em Salvar. Cor principal é um campo obrigatório.
- Cor secundária: a segunda cor mais usada na marca. Em Cor secundária, insira um código hexadecimal ou clique no seletor de cor e selecione uma cor. Em seguida, clique em Salvar.
- Cores de destaque: complementam as cores principal e secundárias da sua marca. Em Cor de destaque, insira um código hexadecimal ou clique no seletor de cor e selecione uma cor. Em seguida, clique em Salvar. Você pode adicionar até três cores de destaque.
- Cores adicionais: não são usadas automaticamente, mas estarão disponíveis nos seletores de cores e poderão ser referenciadas nas ferramentas de desenvolvimento. Clique em add Adicionar ao lado de Cores adicionais, insira um código hexadecimal ou clique no seletor de cor e selecione uma cor. Em seguida, clique em Salvar. Você pode adicionar até dezesseis cores adicionais.
- Para excluir uma cor adicional, clique em delete excluir ao lado da cor que deseja remover e clique em Salvar.
Observação:
Se seu site se referir a uma cor que não está definida nas configurações da marca, ele usará lógica de fallback:
- A cor secundária assumirá como padrão a primeira cor adicional disponível.
- A primeira cor de destaque assumirá como padrão a segunda cor adicional.
- A segunda cor de destaque assumirá como padrão a terceira cor adicional.
- A terceira cor de destaque assumirá como padrão a quarta cor adicional.
- Se não forem definidas cores adicionais, um valor de cor padrão será usado. Se nenhuma cor padrão for definida, a cor principal será usada por fallback.
- Você também pode importar cores de uma página ativa que já usa as cores da sua marca:
- Clique em Importar cores do URL.
- Na caixa de diálogo, insira o URL de uma página que usa as cores da sua marca e clique em Localizar cores.
- Quando a verificação terminar, desmarque a caixa de seleção ao lado das cores que você não deseja importar e clique em Importar.