编辑品牌的徽标、网站图标、品牌颜色、字体和主题
上次更新时间: 2026年7月20日
使用品牌工具包管理 HubSpot 账户的品牌资产。在品牌工具包中,添加或编辑您的徽标、图标、品牌颜色、主题和字体,以便在 HubSpot 托管的内容和支持的工具中保持品牌一致。
例如,您可以设置默认的品牌颜色,这些颜色会出现在内容编辑器、日程安排页面、报价和对话频道中。如果您有 品牌插件,您可以为每个品牌创建和管理品牌工具包。
添加、编辑或删除徽标
在 “品牌工具包”选项卡中,编辑您的默认徽标。您可以为单个内容覆盖此徽标。
请注意: 对于会议链接和日程安排页面,徽标由“品牌设置”控制,无法在会议链接编辑器中进行更改。删除或更改此徽标也会将其在其他所有使用位置一并删除或更改;您无法仅从会议链接中删除它。
- 在 HubSpot 帐户中,单击更多,然后导航到营销 > 品牌。如果你的帐户中未显示更多,请直接导航到营销 > 品牌。
- 如果您正在使用 “品牌”插件,请点击右上角的下拉菜单, 然后选择您想要更新其徽标 的品牌。
- 在 “品牌工具包 ”选项卡中,点击 “添加徽标 +”。
- 在右侧面板中,添加您的新徽标:
- 要添加文件工具中的现有图像作为徽标,请单击浏览图像。在右侧面板中,点击 图片。
- 要添加新图片,请单击上传,然后从电脑中添加图片。
- 在徽标名称 字段中,输入徽标的名称 。该字段为必填字段。
- 在徽标 alt 文本字段 中,输入针对搜索引擎和屏幕阅读器的徽标描述 。这样可以提高 的可访问性和网站的搜索引擎优化。在 HubSpot 的 开发人员文档中了解有关网站可访问性的更多信息。
- 如果希望徽标可点击,请在“链接”字段中输入一个 网址 。
- 要将此徽标设为默认徽标,请点击 “是”。要将徽标分配给某个域名,请点击 “否”。然后,点击 域名 下拉菜单以选择一个 域名。
- 单击 保存。
- 要编辑或删除徽标,或将某个徽标设为默认徽标,请点击 verticalMenuIcon垂直菜单图标,然后点击 “设为默认”、“编辑徽标”或 “删除徽标”。
添加、编辑或删除网站图标
在 “品牌工具包”选项卡中 ,您可以自定义网站的小图标(即浏览器标签页中页面标题旁边的小图标)。该图标将仅应用于 HubSpot 上托管的内容。每个 品牌最多可添加 20 个图标。
- 在 HubSpot 帐户中,单击更多,然后导航到营销 > 品牌。如果你的帐户中未显示更多,请直接导航到营销 > 品牌。
- 如果您正在使用 “品牌”插件,请点击右上角的下拉菜单, 然后选择您想要更新其徽标 的品牌 。
- 在 “品牌工具包 ”选项卡中,点击 “添加网站图标 +”。
- 在右侧面板中,添加新的图标:
- 要添加文件工具中的现有图像作为徽标,请单击浏览图像。然后,点击 图片。
- 要添加新图片,请单击上传,然后从电脑中添加图片。
- 在 "图标名称 "字段中,输入图标名称 。
- 若要将该网站图标设为默认图标,请选择 “是”。 要将网站图标分配给某个域名,请点击 “否”。 然后,点击 域名 下拉菜单选择一个 域名。
- 单击 保存。
- 要编辑或删除网站图标,或将某个网站图标设为默认图标,请点击 verticalMenuIcon垂直菜单图标,然后点击 “设为默认”、“编辑网站图标”或 “删除网站图标”。
添加、编辑或删除品牌颜色
在内容编辑器中将要显示的 “品牌工具包”选项卡 中设置品牌颜色,这些颜色还将应用于日程安排页面、报价和对话渠道。品牌颜色不会出现在销售模板和电子邮件中。
- 在 HubSpot 帐户中,单击更多,然后导航到营销 > 品牌。如果你的帐户中未显示更多,请直接导航到营销 > 品牌。
- 如果您正在使用 “品牌”插件,请点击右上角的下拉菜单, 然后选择您想要更新其徽标 的品牌 。
- 在 “品牌工具包 ”选项卡上,点击 “编辑 颜色”。
- 要设置品牌颜色,请在右侧面板中:
- 要从 URL 导入颜色,请单击 从 URL 导入颜色。
- 在对话框中,输入使用品牌颜色的页面 URL ,然后单击 查找颜色。
- 将要使用的颜色拖放到要指定的颜色旁边。例如,将 #754262 拖到 主色 部分。
- 输入十六进制代码或选择颜色:
- 主色调: 品牌中使用的主要颜色。在 "主要颜色"下,输入十六进制代码 或点击 颜色 选择器 并选择一种 颜色。
- 辅助色: 品牌中第二常用的颜色。在辅助颜色下,输入十六进制代码 或点击 颜色选择器 并选择 颜色。
- 强调色: 与品牌主色和辅助色相辅相成的颜色。在 " 强调色"下,输入 十六进制代码 或点击 颜色选择器 并选择一种 颜色。
- 附加颜色: 这些颜色不会自动使用,但可在颜色选择器中使用,并可在开发工具中引用。点击 add 附加颜色旁边的添加 ,输入十六进制代码或单击 颜色 选择器 ,然后 选择 颜色。 要删除其他颜色,请单击 " 删除"。
- 要从 URL 导入颜色,请单击 从 URL 导入颜色。
- 单击 保存。
- 要删除品牌颜色,请点击 deleteIcon颜色旁边的删除图标 。
请注意
如果您的网站引用的颜色未在品牌设置中设置,则会使用回退逻辑:- 辅助颜色将默认为第一个可用的附加颜色。
- 第一个重点颜色将默认为第二个附加颜色。
- 第二个重点颜色将默认为第三个附加颜色。
- 第三种强调色将默认为第四种附加颜色。
- 如果没有设置其他颜色,则会使用默认颜色值。如果没有设置默认颜色,它将使用原色作为备用颜色。
添加、编辑或删除字体
请注意: 在品牌设置中添加字体,将设置 HubSpot 内容工具可用的默认字体。对于使用自定义主题、编码模板或自定义样式表的页面,您可能还需要在模板或样式表中加载该字体。对于 Google Fonts,请将字体的 @import 语句添加到页面所使用的样式表中。
在 “品牌工具包”选项卡中 设置将在所有内容中使用的默认字体、备用字体和自定义字体。
添加字体
- 在 HubSpot 帐户中,单击更多,然后导航到营销 > 品牌。如果你的帐户中未显示更多,请直接导航到营销 > 品牌。
- 如果您正在使用 “品牌”插件,请点击右上角的下拉菜单, 然后选择您想要更新其徽标 的品牌 。
- 在 “品牌工具包 ”选项卡的 “字体 ”部分,点击要更改 的字体的“编辑” 按钮
- 在右侧边栏中,选择“字体 ”下拉菜单。
- 在搜索栏中输入 字体名称 ,或从列表中选择字体 。
- 若要设置自定义字体,使其在内容编辑器的字体选择器中可用,请点击 “+ 添加自定义字体”。
- 在字体名称 字段中,输入字体名称 。
- 单击选择字体文件。
- 选择要从电脑上传的 字体文件 。支持的文件格式:TTF、OTF 和 WOFF。
- 点击+ 上传更多文件 ,添加更多字体文件。
- 单击 下一步。
- 使用下拉菜单 选择相应的字体样式。
- 单击+ 添加另一种字体样式 来添加其他样式。
- 单击 保存。
编辑或删除自定义字体
编辑自定义字体:
- 在 HubSpot 帐户中,单击更多,然后导航到营销 > 品牌。如果你的帐户中未显示更多,请直接导航到营销 > 品牌。
- 如果您正在使用 “品牌”插件,请点击右上角的下拉菜单, 然后选择您要更新其徽标 的品牌 。
- 在 “品牌工具包 ”选项卡的“字体”部分,在“自定义字体”下,点击现有字体的旁边,选择“操作”,然后选择“编辑 ”或 “删除”。
-
- 使用 下拉菜单 选择相应的字体样式。
- 单击+ 添加另一种字体样式 来添加其他样式。
- 单击 保存。
更改主题
主题 是一组模板、模块、全局内容和样式设置,可用于创建网站。在 内容编辑器 中使用主题编辑页面和文章,并在 博客设置中设置博客模板以使用该主题 。
所有账户都可以访问至少一个默认的 HubSpot 主题。主题也可以从 模板市场下载 。
请注意: 知识库使用的是主题的修改版。了解有关编辑 知识库主题设置的更多信息。
更改主题