Skip to content
Landing Pages

Edit your logo, favicon, and brand colors

Last updated: December 5, 2022

Applies to:

All products and plans

In your account settings, you can edit your brand's logo, favicon, and brand colors in your brand kit.  

Edit your logo

In your account settings, you can edit your default logo. You can override this logo for individual pieces of content. 

  • In your HubSpot account, click the settings settings icon in the main navigation bar.
  • In the left sidebar menu, click Account defaults.
  • Click the Branding tab. 
  • Click the brand kit you want to edit. 
  • Add your new logo in the Logos section: 
    • To add an existing image from the files tool as your logo, click Browse images. In the right panel, click the image
    • To add a new image, click Upload, then add an image from your computer. 
  • In the Logo name field, enter a name for the logo. This field is required. 
  • In the Logo alt text field, enter a description of your logo for search engines and screen readers. This will improve the accessibility and SEO of your site. Learn more about website accessibility in our developer documentation
  • In the Logo URL field, enter a URL if you want your logo to be clickable. 
  • To resize your logo, enter a new dimension in the Width or Height field. The other field will automatically adjust to maintain the image's proportions. 
  • To add another logo, click + Add at the bottom of the Logos section.
  • To delete an existing image, hover over the image and click the in the top right corner. To delete an additional logo, click the Actions dropdown menu and select Delete.
edit-logo
  • When you're finished editing your logo, click Save in the bottom left. 
You can override a default logo for specific content in the content editor or design manager. In the Logo module, click to toggle the Override default logo switch on, then upload a logo
 
override-default-logo-in-content-editor

Edit your favicon

You can customize your website's favicon, the small image in a browser tab next to the page title. Your favicon will only be applied to content hosted in HubSpot. 

  • In your HubSpot account, click the settings settings icon in the main navigation bar.
  • In the left sidebar menu, click Account defaults.
  • Click the Branding tab. 
  • Click the brand kit you want to edit. 
  • To add a new favicon, click + Add in the Favicon section. 
  • Add your new favicon: 
    • To add an existing image from the files tool as your favicon, click Browse images. In the right panel, click the image
    • To add a new image as your favicon, click Upload, then add an image from your computer. 

Please note: for best results, save your favicon as a 48 by 48 px image in one of these file formats: .ico, .gif, .png.

  • In the Favicon name field, enter the name of your favicon. 

add-favicon

  • When you're finished editing your favicon, click Save in the bottom left. 

Edit your brand colors

You can set brand colors in your settings that will appear in the content editor, as well as scheduling pages, quotes, and conversations channels. Brand colors will not appear in sales templates and emails. 

  • In your HubSpot account, click the settings settings icon in the main navigation bar.
  • In the left sidebar menu, click Account defaults.
  • Click the Branding tab. 
  • Click the brand kit you want to edit. 
  • In the My brand kit section, click the Colors tab. 
  • To set your primary color color, enter a hexadecimal code or click the color picker and select a color. The primary color is used in scheduling pages, quotes, and conversations channels.
  • To add more brand colors, click + Add, then enter a hexadecimal code or click the color picker and select a color. To delete a non-primary color, click the delete delete icon next to it. 

select-brand-colors

  • You can also import colors from a live page that already uses your brand colors: 
    • Click Import from URL.
    • In the dialog box, enter the URL of a page using your brand colors. 
    • When the scan finishes, clear the checkbox next to any color you don't want to import, then click Import

import-colors

Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.