Skip to content
English
  • There are no suggestions because the search field is empty.

How to edit your brand kit

Learn how to customise your brand kit by editing your logos, favicon, colours, fonts, and themes.

In the main navigation bar, click Marketing, then select Brand. If you're using the Brands add-on, select the Brand you'd like to edit in the top-right corner. 

Adding or editing your logo

  • In the Brand kit section, click Logos

Screenshot 2026-05-18 at 10.04.46

  • Here, you can add new logos, or edit an existing 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 as your logo, click Upload, then add an image from your computer. 
  • In the Logo name field, enter a name for your logo. 
  • You can also add a description of your logo in the Logo alt text field, for search engines and screen readers.
  • If you need to resize your logo, you can change the width and height. 
  • Finally, if you want your logo to be clickable, add a Logo URL 
  • Once you've finished, click Save at the bottom. 
  • To delete a logo, click Delete.

 

Adding or editing a favicon

  • To add or edit a favicon, click Favicons.
  • Here, you can add a new favicon, or edit an existing 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. 
  • In the Favicon name field, enter the name of your favicon. 
    Screenshot 2026-05-18 at 10.11.31
  • When you're finished editing your favicon, click Save.
  • To delete a favicon, click Delete.

Adding or editing your brand colours

  • To add your edit your brand colours, click Colours. You can either:
    • Import colours from your website, by clicking Import colours from URL.  and typing in your website URL. Once your colours are imported, you can drag and drop them next to the colour you want to assign them to, for example as your primary or secondary colour. 
    • Enter your colours manually, by entering the hexadecimal codes. 

Screenshot 2026-05-18 at 10.37.14

  • Once you have entered your colours, click Save. 

Change a theme

  • In the Brand kit section, click Theme.
  • Click Change theme to select a different theme. This will show your available themes.
    • Click Preview next to any theme to see how the theme will look. 
    • To choose a new theme, click Set as active theme next to the theme you'd like to use for your brand.
  • Click Save. 

 

Adding or editing fonts

  • In the Brand kit section, click Fonts.
    • Click Select font under the Body heading to select the font that will be used for body text.
    • Click Select font under the Primary heading to select the font that will be used for headings and large text.
  • To upload a custom font, click + Add a custom font. HubSpot supports TTF, OTF, and WOFF file types. After you upload your file, you'll also need to enter a Font name. 

Screenshot 2026-05-18 at 10.45.44

  • Once you have selected your fonts, click Save. 
Scroll buttonchevron-iconcultureopinionSearchwork