---
title: Editing the Branding Settings
description: Before you get started with your Impressa theme, it is recommended that you set up your branding settings, which include setting up your icon, your favicon, and your brand colors.
image: https://hubspot.darladigital.com/hubfs/Imported_Blog_Media/Project%2099%20(3).jpg
---

[Skip to content](https://hubspot.darladigital.com/theme-docs/editing-the-branding-settings#main-content)

[![](https://hubspot.darladigital.com/hs-fs/hubfs/648b5be5841e3e4acadd7ea6_darla-digital-logo-400px%20(1).png?width=400&height=135&name=648b5be5841e3e4acadd7ea6_darla-digital-logo-400px%20(1).png)](https://hubspot.darladigital.com)

[![Image](https://assets.website-files.com/618aedd7778e61e56fbd3f64/619f1d3810e4a81c4880f622_logo%20max-p-500.png "Image")](https://hubspot.darladigital.com/)

- [Home](https://hubspot.darladigital.com)
- [About Me](https://hubspot.darladigital.com/about-me)
- [Portfolio](https://hubspot.darladigital.com/portfolio)
  
  Show submenu for Portfolio 
  
    - [Food Industry](https://hubspot.darladigital.com/portfolio/food-industry-product)
    - [eCommerce](https://hubspot.darladigital.com/ecommerce)
    - [Tech Company](https://hubspot.darladigital.com/portfolio/tech-company)
- [Blog](https://hubspot.darladigital.com/theme-docs)

- [Home](https://hubspot.darladigital.com)
- [About Me](https://hubspot.darladigital.com/about-me)
- [Portfolio](https://hubspot.darladigital.com/portfolio)
  
  Show submenu for Portfolio 
  
    - [Food Industry](https://hubspot.darladigital.com/portfolio/food-industry-product)
    - [eCommerce](https://hubspot.darladigital.com/ecommerce)
    - [Tech Company](https://hubspot.darladigital.com/portfolio/tech-company)
- [Blog](https://hubspot.darladigital.com/theme-docs)

# Editing the Branding Settings

[Darla Maestas -](https://hubspot.darladigital.com/theme-docs/author/darla-maestas)  Oct 27, 2022 12:00:00 AM

Before you get started with your Impressa theme, it is recommended that you set up your branding settings, which include setting up your icon, your favicon, and your brand colors. 

THESE SETTINGS ARE SUBJECT TO CHANGE AS HUBSPOT MAY UPDATE THEIR PROGRAM AT ANYTIME. IF THIS INFORMATION IS OUTDATED, PLEASE CONTACT US AT YOUR EARLIEST CONVENIENCE.

- Login to your HubSpot account
- Then, on the upper right corner of your browser, click the ![](https://hubspot.darladigital.com/hs-fs/hubfs/Imported_Blog_Media/ZeRxgzbxbm6w3l1EfLYRx4HT8RblBCCiMqBuDwZcOcuxODEDO3i_QP1fvpJ8FNcU1KDgf8H6hwCipxQh5hqeP66Z8PcP42RdD8_NxMqQ2fCtE4sEkSVJWuVrHFlpp0POi_SIHoAdmme3_n3Zza1dBwQXjrCllPKfOOJeRuxHxpUoexOfsbrYk40M9Zz9zVLD01YGAg.png?width=19&height=19&name=ZeRxgzbxbm6w3l1EfLYRx4HT8RblBCCiMqBuDwZcOcuxODEDO3i_QP1fvpJ8FNcU1KDgf8H6hwCipxQh5hqeP66Z8PcP42RdD8_NxMqQ2fCtE4sEkSVJWuVrHFlpp0POi_SIHoAdmme3_n3Zza1dBwQXjrCllPKfOOJeRuxHxpUoexOfsbrYk40M9Zz9zVLD01YGAg.png) **settings icon** to open your settings![image1](https://hubspot.darladigital.com/hs-fs/hubfs/Imported_Blog_Media/image1.png?width=406&height=68&name=image1.png)

- Once you are on the settings page, you will see on the left side of your browser several options. Under **Settings** -> **Account Setup**, choose **Account Defaults**  
  ![image2](https://hubspot.darladigital.com/hs-fs/hubfs/Imported_Blog_Media/image2.png?width=237&height=308&name=image2.png)

 

- Once you are under Account Defaults, click the **Branding** Tab on the top of the screen. ![image5](https://hubspot.darladigital.com/hs-fs/hubfs/Imported_Blog_Media/image5.png?width=624&height=159&name=image5.png)
- Click on the name of your brand kit, or click the create a new brand kit button![image4](https://hubspot.darladigital.com/hs-fs/hubfs/Imported_Blog_Media/image4.png?width=432&height=106&name=image4.png)

This will open up several options. Here, you will be able to add your logo (which will be displayed multiple places, but specifically on the top left corner of the navigation bar of your website) and your favicon (which will display on the tab bar itself).

- To add your logo or favicon, simply click the + Add button, as circled below. It is recommended that the image for this logo and favicon is high quality. 

![image15](https://hubspot.darladigital.com/hs-fs/hubfs/Imported_Blog_Media/image15.png?width=624&height=238&name=image15.png)

- Upload the image of your logo. It should be a PNG image file with a transparent background. 
- For your favicon you should upload another transparent background PNG photo that is just a bit of your logo that does not have any text, but is easily recognizable to users in their tab. Then, enter the name. ![](https://hubspot.darladigital.com/hs-fs/hubfs/Imported_Blog_Media/W7bZJqSM3Ux7i3fR1-Cp06jDze7XBbR0sDed_vhaYp2XZ-siGN2Ppv2gbf9evK8b95HvuFYFHIdmTcGX0tILEmMdaUgRugssrZUCYo0Tm-tXtaTjmYIH0XSnkkfDGK5Ka7cyCFu6I3Y-mVGuQiZ6Ar4arPuu38hjJNVHj1qyzmIidBnUlCneu0HnwZuGsBlv3nbiwA.png?width=534&height=155&name=W7bZJqSM3Ux7i3fR1-Cp06jDze7XBbR0sDed_vhaYp2XZ-siGN2Ppv2gbf9evK8b95HvuFYFHIdmTcGX0tILEmMdaUgRugssrZUCYo0Tm-tXtaTjmYIH0XSnkkfDGK5Ka7cyCFu6I3Y-mVGuQiZ6Ar4arPuu38hjJNVHj1qyzmIidBnUlCneu0HnwZuGsBlv3nbiwA.png) 

Now it is time to add the branding colors:

- Click on the Colors tab

![image6](https://hubspot.darladigital.com/hs-fs/hubfs/Imported_Blog_Media/image6.png?width=328&height=126&name=image6.png)

 

- Set your Primary color to the color that you want the text to be PRIMARLY. 

![werwe](https://hubspot.darladigital.com/hs-fs/hubfs/Imported_Blog_Media/werwe.jpeg?width=770&height=347&name=werwe.jpeg)

Finally, to ensure that your logos and favicons show up for the website, go into your HubSpot settings. 

- Under **Tools**, select **Website**, then select **Pages**.

 ![pasted image 0](https://hubspot.darladigital.com/hs-fs/hubfs/Imported_Blog_Media/pasted%20image%200.png?width=228&height=390&name=pasted%20image%200.png)

- Click on the Branding tab.  
  ![pasted image 0 (1)](https://hubspot.darladigital.com/hs-fs/hubfs/Imported_Blog_Media/pasted%20image%200%20(1).png?width=624&height=53&name=pasted%20image%200%20(1).png)
- Upload your logo and favicon with a transparent background. Fill out the required fields. 

![](https://hubspot.darladigital.com/hs-fs/hubfs/Imported_Blog_Media/5DZk4kQbU7KuX30ihWSFzSCVCBjNfARVpRV4BAvPPw8aKOPe-U87wmMXahNgh6KLbuFIjyMyNU33s1oJfQ6-KNI9PdTZTtognlZ8XhAOqrUTCCeQ8g0FC90_nvpgVHwHLtTrvjnTlt6RdCmxasC9o6F5ilkOmGOBV0oIk4R-e9g3OBZmZsBmKnDm70ba.png?width=624&height=247&name=5DZk4kQbU7KuX30ihWSFzSCVCBjNfARVpRV4BAvPPw8aKOPe-U87wmMXahNgh6KLbuFIjyMyNU33s1oJfQ6-KNI9PdTZTtognlZ8XhAOqrUTCCeQ8g0FC90_nvpgVHwHLtTrvjnTlt6RdCmxasC9o6F5ilkOmGOBV0oIk4R-e9g3OBZmZsBmKnDm70ba.png)

That is it! You know how your colors set up to match the Impressa Color Theme as it was designed and uploaded your favicons and logos! 

[Set Up](https://hubspot.darladigital.com/theme-docs/tag/set-up)

### Want to make a comment?

###### Blog posts

## Related Articles.

[![](https://hubspot.darladigital.com/hs-fs/hubfs/Imported_Blog_Media/Project%2099%20(2).jpg?height=230&name=Project%2099%20(2).jpg)](https://hubspot.darladigital.com/theme-docs/navigating-editing-theme-settings)

<https://hubspot.darladigital.com/theme-docs/navigating-editing-theme-settings>

<https://hubspot.darladigital.com/theme-docs/navigating-editing-theme-settings>[Set Up](https://hubspot.darladigital.com/theme-docs/tag/set-up)

### Navigating & Editing Theme Settings

###### Darla Maestas

There are a few ways to edit/view your theme settings. If you just came from [getting the Impressa...](https://hubspot.darladigital.com/documentation/editing-the-branding-settings)

[![](https://hubspot.darladigital.com/hs-fs/hubfs/Imported_Blog_Media/Project%2099%20(8).jpg?height=230&name=Project%2099%20(8).jpg)](https://hubspot.darladigital.com/theme-docs/setting-up-navigation-menus)

<https://hubspot.darladigital.com/theme-docs/setting-up-navigation-menus>

<https://hubspot.darladigital.com/theme-docs/setting-up-navigation-menus>[Set Up](https://hubspot.darladigital.com/theme-docs/tag/set-up) [Theme Assets](https://hubspot.darladigital.com/theme-docs/tag/theme-assets)

### Setting up Navigation Menus

###### Darla Maestas

At this point, you should have created all of your required pages for your site. You can have as...

[![](https://hubspot.darladigital.com/hs-fs/hubfs/Imported_Blog_Media/Project%2099%20(5).jpg?height=230&name=Project%2099%20(5).jpg)](https://hubspot.darladigital.com/theme-docs/set-up-system-pages)

<https://hubspot.darladigital.com/theme-docs/set-up-system-pages>

<https://hubspot.darladigital.com/theme-docs/set-up-system-pages>[Set Up](https://hubspot.darladigital.com/theme-docs/tag/set-up) [Theme Assets](https://hubspot.darladigital.com/theme-docs/tag/theme-assets)

### Set up system pages

###### Darla Maestas

Here, you will set up your system pages. This is important because if someone has an issue getting...

#### Join our newsletter for free HubSpot tips and theme updates.

###### Need help scaling?

Get marketing support from the marketing pros at [Impressa Solutions.](https://impressasolutions.com/)

###### Impressa Theme

- [Demo](https://hubspot.darladigital.com)
- [Support](https://impressatheme.com/contact)
- [Buy Theme](https://ecosystem.hubspot.com/marketplace/website)

###### Follow Me

[Follow us on Facebook Facebook](https://www.facebook.com/darladigital) [Follow us on Facebook LinkedIn](https://www.linkedin.com/in/darla-maestas/) [Follow us on Facebook Twitter](https://twitter.com/zilirt) [Follow us on Facebook Instagram](https://www.instagram.com/zilirt/)

© 2026 Darla Digital. All right reserved.

- [Privacy Policy](https://hubspot.darladigital.com/privacy-policy)
- [Terms of Service](https://hubspot.darladigital.com/terms-of-service)

```json
{
  "@context" : "https://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "Darla Maestas",
    "url" : "https://hubspot.darladigital.com/theme-docs/author/darla-maestas"
  },
  "dateModified" : "2022-11-09T19:18:41.512Z",
  "datePublished" : "2022-10-27T04:00:00.000Z",
  "headline" : "Editing the Branding Settings",
  "image" : [ "https://hubspot.darladigital.com/hubfs/Imported_Blog_Media/Project%2099%20(3).jpg" ],
  "mainEntityOfPage" : {
    "@id" : "https://hubspot.darladigital.com/theme-docs/editing-the-branding-settings",
    "@type" : "WebPage"
  },
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "url" : "https://hubspot.darladigital.com/hubfs/648b5be5841e3e4acadd7ea6_darla-digital-logo-400px%20(1).png"
    },
    "name" : "Darla Digital"
  }
}
```