# Editing a Design Kit > Learn how to edit Design Kit colors, logos, and fonts, set your default Brand Board, and understand how those changes appear in pickers for future edits - Source: https://docs.ghlcustomercare.com/docs/marketing/brand-board/editing-a-design-kit - Section: Marketing / Brand Board - Reading time: 3 min - Images: 6, each explained below - Modified on Fri, 19 Sep, 2025 at 3:14 PM --- Keep your brand consistent everywhere you build in GHL Customer Care. This article explains how to edit a Design Kit (within Brand Boards), including how to update colors, logos, and fonts so your branding always stays up to date! --- **TABLE OF CONTENTS** - [What is a Design Kit](#what-is-a-design-kit) - [When Do You Need to Edit Your Design Kit?](#when-do-you-need-to-edit-your-design-kit) - [How to Edit Your Design Kit](#how-to-edit-your-design-kit) - [Frequently Asked Questions](#frequently-asked-questions) - [Related Articles](#related-articles) --- # **What is a Design Kit** A Design Kit is the saved set of brand assets (colors, logos, and fonts) stored inside a Brand Board in GHL Customer Care. Editors and pickers across Websites, Funnels, and Email read from the default Brand Board’s Design Kit so you can work faster and stay on-brand without recreating styles every time. However, there may come a time when you need to update your Brand Board to reflect changes in your brand’s visual elements. Editing the Design Kit lets you refresh colors, swap logos, or adjust typography so future pages and emails use the latest brand assets, while existing content remains unchanged. --- ## **When Do You Need to Edit Your Design Kit?** - **Brand Logo Changes:** Your business might evolve, leading to a redesign of your logo. Updating your brand board ensures that the new logo is consistently used across all platforms. - **New Color or Font:** Introducing a new color palette or font can be part of a rebranding effort or simply an update to refresh your look. Editing your brand board ensures these changes are accurately reflected in all your marketing materials. - **Consistency in Brand Elements:** Even minor changes in fonts or colors need to be updated in your brand board to maintain visual consistency and reinforce brand recognition. --- ## **How to Edit Your Design Kit** #### **Step 1:** Navigate to Brand Boards Go to **Marketing** **→** **Brand Boards** (or **Settings → Brand Boards**) ![Step 1: Navigate to Brand Boards (image 1 of 6)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155054179753/original/fv_yRBsfl20ohGd8xfSrod38K0Ie1wpitw.png) **Step 1: Navigate to Brand Boards (image 1 of 6)** This screenshot appears in the "Step 1: Navigate to Brand Boards" section of "Editing a Design Kit". The text alongside this image reads: Go to Marketing → Brand Boards (or Settings → Brand Boards). Immediately after, the guide continues: Click on the Brand Board that you would like to edit. - Where to go: Go to Marketing → Brand Boards (or Settings → Brand Boards) - Controls: Marketing, →, Brand Boards, Settings → Brand Boards - Next: Click on the Brand Board that you would like to edit #### **Step 2:** Open the Brand Board Click on the Brand Board that you would like to edit ![Step 2: Open the Brand Board (image 2 of 6)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155054179777/original/n6uAK6RUGKqDLl6NLFzUItQ_VFbWkG3YQw.png) **Step 2: Open the Brand Board (image 2 of 6)** This screenshot appears in the "Step 2: Open the Brand Board" section of "Editing a Design Kit". The text alongside this image reads: Click on the Brand Board that you would like to edit. Immediately after, the guide continues: Click the Logos tab at the top left of the editor Click the Edit (pencil) icon next to Logo 1 or Logo 2 to replace or upload a logo. - What to click: Click on the Brand Board that you would like to edit - Next: Click the Logos tab at the top left of the editor Click the Edit (pencil) icon next to Logo 1 or Logo 2 to replace or upload a logo #### **Step 3:** Update Logos - Click the **Logos** tab at the top left of the editor - Click the **Edit** (pencil) icon next to **Logo 1** or **Logo 2** to replace or upload a logo **_Note:_** _Please note that to delete the previous logos from the media library, the deletion needs to be done from the media library itself._ ![Step 3: Update Logos (image 3 of 6)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155054179854/original/PURuHCYb8Q9ElOEUdcCez_75QvaAJqgx_w.png) **Step 3: Update Logos (image 3 of 6)** This screenshot appears in the "Step 3: Update Logos" section of "Editing a Design Kit". The text alongside this image reads: Note: Please note that to delete the previous logos from the media library, the deletion needs to be done from the media library itself. Immediately after, the guide continues: Click the Colors tab at the top-left of the editor To add a new color, click + Add To change a color, click on the color square to the left of the color name, then select the new color Rename a color by clicking its name field Delete a…. - What this covers: Note: Please note that to delete the previous logos from the media library, the deletion needs to be done from the media library itself. - Controls: Logos, Edit, Logo 1, Logo 2 - Next: Click the Colors tab at the top-left of the editor To add a new color, click + Add To change a color, click on the color square to the left of the color name, then select the new color Rename a color by clicking its name field Delete a color by clicking the trash icon Full procedure: 1. Click the Logos tab at the top left of the editor 2. Click the Edit (pencil) icon next to Logo 1 or Logo 2 to replace or upload a logo #### **Step 4:** Update Colors - Click the **Colors** tab at the top-left of the editor - To add a new color, click **\+ Add** - To change a color, click on the color square to the left of the color name, then select the new color - Rename a color by clicking its name field - Delete a color by clicking the **trash** icon ![Step 4: Update Colors (image 4 of 6)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155054179900/original/uCddbb7iPCUvXUp5r9Dq8knlbnZYTobfjQ.png) **Step 4: Update Colors (image 4 of 6)** This screenshot appears in the "Step 4: Update Colors" section of "Editing a Design Kit". The text alongside this image reads: Click the Colors tab at the top-left of the editor To add a new color, click + Add To change a color, click on the color square to the left of the color name, then select the new color Rename a color by clicking its name field Delete a color by clicking the trash icon. This part of the guide covers 2 fields, listed below. Immediately after, the guide continues: Click the Typography tab at the top-left of the editor Click + Add to add fonts (up to 5). At least 1 font is required Use the drop down to change the chosen font Remove a font by clicking the trash icon. - What to choose: Click the Colors tab at the top-left of the editor To add a new color, click + Add To change a color, click on the color square to the left of the color name, then select the new color Rename a color by clicking its name field Delete a color by clicking the trash icon - Fields: To add a new color, click + Add, Rename a color by clicking its name field - Controls: Colors, + Add, trash - Next: Click the Typography tab at the top-left of the editor Click + Add to add fonts (up to 5). At least 1 font is required Use the drop down to change the chosen font Remove a font by clicking the trash icon Full procedure: 1. Click the Colors tab at the top-left of the editor 2. To add a new color, click + Add 3. To change a color, click on the color square to the left of the color name, then select the new color 4. Rename a color by clicking its name field 5. Delete a color by clicking the trash icon #### **Step 5:** Update Fonts - Click the **Typography** tab at the top-left of the editor - Click **\+ Add** to add fonts (up to 5). At least 1 font is required - Use the drop down to change the chosen font - Remove a font by clicking the **trash** icon ![Step 5: Update Fonts (image 5 of 6)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155054179956/original/jRHSUURbX7wnmJGk8NzdfjKVAV4q4A45cw.png) **Step 5: Update Fonts (image 5 of 6)** This screenshot appears in the "Step 5: Update Fonts" section of "Editing a Design Kit". The text alongside this image reads: Click the Typography tab at the top-left of the editor Click + Add to add fonts (up to 5). At least 1 font is required Use the drop down to change the chosen font Remove a font by clicking the trash icon. Immediately after, the guide continues: After making your adjustments, be sure to save the changes by clicking the blue Save Board button in the upper right corner. - What to click: Click the Typography tab at the top-left of the editor Click + Add to add fonts (up to 5). At least 1 font is required Use the drop down to change the chosen font Remove a font by clicking the trash icon - Controls: Typography, + Add, trash - Next: After making your adjustments, be sure to save the changes by clicking the blue Save Board button in the upper right corner. Full procedure: 1. Click the Typography tab at the top-left of the editor 2. Click + Add to add fonts (up to 5). At least 1 font is required 3. Use the drop down to change the chosen font 4. Remove a font by clicking the trash icon #### **Step 6:** Save Changes After making your adjustments, be sure to save the changes by clicking the blue **Save** **Board** button in the upper right corner. ![Step 6: Save Changes (image 6 of 6)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155054180021/original/20ZSCDJsn9t27M6cReQ16IAXzoqlvxK7qQ.png) **Step 6: Save Changes (image 6 of 6)** This screenshot appears in the "Step 6: Save Changes" section of "Editing a Design Kit". The text alongside this image reads: After making your adjustments, be sure to save the changes by clicking the blue Save Board button in the upper right corner. Immediately after, the guide continues: Q: Do Design Kit edits update existing pages or emails automatically? No. Edits affect what you see in pickers for future edits. Existing assets don’t change automatically. - How to confirm: After making your adjustments, be sure to save the changes by clicking the blue Save Board button in the upper right corner. - Controls: Save, Board - Next: Q: Do Design Kit edits update existing pages or emails automatically? No. Edits affect what you see in pickers for future edits. Existing assets don’t change automatically. --- ## **Frequently Asked Questions** **Q: Do Design Kit edits update existing pages or emails automatically?** No. Edits affect what you see in pickers for future edits. Existing assets don’t change automatically. **Q: Why don’t my colors appear in the page or email color picker?** Only the default Brand Board populates pickers. Set the correct board as default and check that your colors are saved. [Click here to learn how to set a default brand board.](https://docs.ghlcustomercare.com/docs/marketing/brand-board/how-to-change-default-brand-boards) **Q: Which color formats can I enter?** HEX and RGB are supported for brand colors. Click on the "HEX" or "RGBA" label in the bottom left corner of the color picker to switch between the two. **Q: Will updating my Brand Board change my Payment Links?** If your Payment Links use Brand Board theming, color updates can be reflected across links. **Q: How do I switch which board is shown in my builders?** Set the desired board as Default. The default board controls which Design Kit assets appear in pickers --- ## **Related Articles** - [How to use Brand Boards in Funnels and Websites?](https://docs.ghlcustomercare.com/docs/marketing/brand-board/how-to-use-brand-boards-in-funnels-and-websites) [](https://docs.ghlcustomercare.com/docs/marketing/brand-board/how-to-create-a-brand-board)**[](https://docs.ghlcustomercare.com/docs/marketing/brand-board/how-to-create-a-brand-board) [](https://docs.ghlcustomercare.com/docs/marketing/brand-board/how-to-use-brand-boards-in-emails)** - [How to use Brand Boards in emails?](https://docs.ghlcustomercare.com/docs/marketing/brand-board/how-to-use-brand-boards-in-emails) - [How to change default Brand Board?](https://docs.ghlcustomercare.com/docs/marketing/brand-board/how-to-change-default-brand-boards) - [How to Create a Brand Board](https://docs.ghlcustomercare.com/docs/marketing/brand-board/how-to-create-a-brand-board)[](https://docs.ghlcustomercare.com/docs/marketing/brand-board/how-to-change-default-brand-boards)**[](https://docs.ghlcustomercare.com/docs/marketing/brand-board/how-to-change-default-brand-boards) ** --- Documentation for GHL Customer Care. Support: support@ghlcustomercare.com