Edit your brand's logo, favicon, brand colors, fonts, and theme

Users with Edit account defaults permission access can edit your brand's logo, favicon, brand colors, theme, and fonts in your brand kit. 

Please note: you can create one brand kit per account. If you have the Brands add-on, you can create one brand kit per Brand.

Add or edit your logo

On the Brand Overview tab, you can edit your default logo. You can override this logo for individual pieces of content. 

1. In your HubSpot account, navigate to Content > Brand.
2. If you're using the Brands add-on, click the dropdown menu in the top-right and select the Brand you'd like to update the logo for.
   
   
3. In the Brand Kit section, click Logos.
4. In the right panel, add your new logo:
   
   • • 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. 
     • Click the Logo domain dropdown and select a specific domain for the logo if you don't want to use the default domain.
     • In the Logo alt text field, enter a description of your logo for search engines and screen readers. This improves the accessibility and SEO of your site. Learn more about website accessibility in HubSpot's 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 keep the image's proportions. 
     • If you want this logo to be the default, click the Make this my default logo checkbox.
     • To delete a logo click Delete.
       
     • To add another logo, click + Add another logo at the bottom.
   
   
   
5. When you're finished editing your logo, click Update.

Add or edit your favicon

On the Brand Overview tab, 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 on HubSpot. 

Please note: you can add up to 20 favicon's per Brand.

1. In your HubSpot account, navigate to Content > Brand.
2. If you're using the Brands add-on, click the dropdown menu in the top-right and select the Brand you'd like to update the logo for.
   
   
   
3. In the Brand Kit section, click Favicons. 
4. In the right panel, add your new favicon:
   
   • To add an existing image from the files tool as your logo, click Browse images. Then, click the image. 
   • To add a new image, click Upload, then add an image from your computer. 
5. In the Favicon name field, enter a name for the favicon. 
6. To make the favicon the default, select the Make this my default favicon checkbox.
7. To add another logo, click + Add another favicon.
8. To delete an existing image, click Delete.
   
   
   
9. When you're finished editing your favicon, click Update.

Add or edit your brand colors

You can set brand colors on the Brand Overview tab that'll appear in the content editor, as well as scheduling pages, quotes, and conversations channels. Brand colors won't appear in sales templates and emails. 

1. In your HubSpot account, navigate to Content > Brand.
2. If you're using the Brands add-on, click the dropdown menu in the top-right and select the Brand you'd like to update the logo for.
   
   
3. In the Brand Kit section, click Colors.
4. To set your brand colors, in the right panel:
   
   • To import your colors from a URL, click Import colors from URL.
     • In the dialog box, enter the URL of a page using your brand colors and click Find colors. 
     • Drag and drop the colors you want to use next to the color you want to assign them to. For example, drag #754262 to the Primary color section.
       
       
   • To enter the hexadecimal code or select colors:
     • Primary color: the main color used in your brand. Under Primary color, enter a hexadecimal code or click the color picker and select a color. 
     • Secondary color: the second most used color in your brand. Under Secondary color, enter a hexadecimal code or click the color picker and select a color.
     • Accent colors: colors that complement your primary and secondary brand colors. Under Accent color, enter a hexadecimal code or click the color picker and select a color. 
     • Additional colors: these colors aren't automatically used, but will be available in color pickers and can be referenced in development tools. Click add Add next to Additional colors, enter a hexadecimal code or click the color picker and select a color. To delete an additional color click Delete.

Change your theme

A theme is a set of templates, modules, global content, and style settings that can be used to create a website. You can edit pages and posts using a theme in the content editor and set blog templates to use a theme in your blog settings.

All accounts have access to at least one default HubSpot theme. Themes can also be downloaded from the Template Marketplace.

Please note: knowledge bases use a modified version of themes. Learn more about editing knowledge base theme settings.

To change your theme:

1. In your HubSpot account, navigate to Content > Brand.
2. If you're using the Brands add-on, click the dropdown menu in the top-right and select the Brand you'd like to update the logo for.
3. In the Brand Kit section, click Theme.
   
   
   

• • Select Set theme or Change theme to select a different theme.
    
    • Your available themes will be displayed. Click Set as active theme next to the theme you'd like to use for your brand. 
    • Enter a theme name in the Search bar to search for a theme.

• • • Click View themes in the Marketplace to view other themes available for download.
    • Select Preview to preview how your theme will look.
  • Select Edit to edit your theme settings.

Add, edit, or delete fonts

You can set primary, secondary, and custom fonts on the Brand Overview tab that'll be used across your content. 

Add fonts

1. In your HubSpot account, navigate to Content > Brand.
   
2. If you're using the Brands add-on, click the dropdown menu in the top-right and select the Brand you'd like to update the logo for.
3. In the Brand Kit section, click Fonts.
   
   

• • To set the font that'll be used for body text:
    • Under Body, click the Select font dropdown menu.
    • Enter the font name in the search bar, or select the font from the list.

• • To set the font that'll be used for headings and large text:
    • Under Primary, click the Select font dropdown menu.
    • Enter the font name in the search bar, or select the font from the list.

• • To set a custom font that'll be available in the font selector in content editors:
    
    
    • Under Custom fonts, click + Add a custom font.
    • In the Font name field, enter the name of your font.
    • Click Choose font file(s).
    • Select the font files to upload from your computer. Supported file formats: TTF, OTF, and WOFF.
    • Click + Upload more files to add more font files.
    • Click Next.
    • Use the dropdown menus to select a corresponding font style.
    • Click + Add another font style to add additional styles.
      
      

• • Click Update.
  • You can add more than one custom font. To add another, go through the steps again.

Edit or delete custom fonts

To edit custom fonts:

1. In your HubSpot account, navigate to Content > Brand.
2. If you're using the Brands add-on, click the dropdown menu in the top-right and select the Brand you'd like to update the logo for.
   
   
   
3. In the Brand Kit section, click Fonts.
   

• • Under Custom fonts, next to the existing font, click Actions, then select Edit or Delete. 

• • Use the dropdown menus to select a corresponding font style.

• • Click + Add another font style to add additional styles.
  • Click Update.