Edite o seu logotipo, favicon e cores da marca
Ultima atualização: Julho 25, 2024
Disponível com qualquer uma das seguintes assinaturas, salvo menção ao contrário:
Todos os produtos e planos |
Usuários com Editar padrões da conta permissão de acesso pode editar o logotipo, o favicon e as cores da sua marca em seu kit de marca.
Nas suas configurações, defina seu logotipo e favicon e as cores primárias, secundárias, de destaque e adicionais da marca. As cores da marca aparecerão no editor de conteúdo, páginas de agendamento, cotações e canais de conversa, mas não aparecerão em modelos de vendas e 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.
- Na sua conta HubSpot, clique no ícone de configurações settings icon na barra de navegação superior.
- 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.
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.
- Na sua conta HubSpot, clique no ícone de configurações settings icon na barra de navegação superior.
- 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 agendar páginas, cotações e canais de conversas. As cores da marca serão não aparecem em modelos de vendas e e-mails.
- Na sua conta HubSpot, clique no ícone de configurações settings icon na barra de navegação superior.
- 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 primária: a cor principal utilizada na sua marca. Sob Cor primária, introduzir um código hexadecimal ou clique no seletor de cores e selecione um cor. Em seguida, clique em Salvar. Cor primária é um campo obrigatório.
- Cor secundária: a segunda cor mais utilizada na sua marca. Sob Cor secundária, introduzir um código hexadecimal ou clique no seletor de cores e selecione um cor. Em seguida, clique em Salvar.
- Cores de destaque: complemente as cores primárias e secundárias da sua marca. Sob Cor de destaque, introduzir um código hexadecimal ou clique no seletor de cores e selecione um cor. Em seguida, clique em Salvar. Você pode adicionar até três cores de destaque.
- Cores adicionais: não são usados automaticamente, mas estarão disponíveis em seletores de cores e podem ser referenciados em ferramentas de desenvolvimento. Clique add Adicionar ao lado de Cores adicionais, introduzir um código hexadecimal ou clique no seletor de cores e Selecione uma cor. Então clique Salvar. Você pode adicionar até dezesseis cores adicionais.
- Para excluir uma cor adicional, clique em delete excluir ao lado da cor que você deseja remover e clique em Salvar.
Observação:
Se o seu site se referir a uma cor que não está definida nas configurações da marca, ele usará uma lógica substituta:- A cor secundária será padronizada para a primeira cor adicional disponível.
- A primeira cor de destaque será padronizada para a segunda cor adicional.
- A segunda cor de destaque será padronizada para a terceira cor adicional.
- A terceira cor de destaque será padronizada como a quarta cor adicional.
- Se cores adicionais não forem definidas, um valor de cor padrão será usado. Se nenhuma cor padrão for definida, a cor primária será usada como alternativa.
- 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.