> For the complete documentation index, see [llms.txt](https://help.impact.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.impact.com/brand/zh/what-would-you-like-to-learn-about/creator-edit-configuration/wai-guan-yu-feng-ge/zi-ding-yi-ni-de-creator-edit-men-hu.md).

# 自定义您的 Creator Edit 门户

自定义 Creator Edit 门户的外观，使其与您的品牌视觉识别保持一致。您可以修改一系列视觉元素，包括颜色、字体和组件样式，从而确保为创作者提供一致的品牌体验。

{% hint style="danger" %}
**更改会立即生效。** 创作者会在您保存后立即看到您的编辑内容。如果您对某项设置不确定， [请联系支持团队](https://app.impact.com/support/portal.ihtml?createTicket=true&) 再进行更改。
{% endhint %}

#### 访问设置页面

您只能从 impact.com 访问此设置页面。

1. 在 impact.com 账户顶部导航栏中，选择 ![](/files/1cbb667ec4878308f24ec4acd13cbf03ede0bdfe) **\[用户资料] → 设置。**
2. 在右侧，位于 *计划设置*下方，进入 *Creator Edit* 并选择 [**外观**](https://app.impact.com/secure/advertiser/fr/branded-portal/look-and-feel.ihtml)**.**
3. 在 *外观* 设置中，调整门户的视觉选项。请参见下方 *编辑门户的外观* 部分。
4. 满意后，选择 **保存**.

#### 编辑门户的外观

{% tabs %}
{% tab title="通用颜色" %}
使用十六进制颜色代码定义门户的通用颜色。这些颜色适用于背景、边框和品牌元素。

* **主品牌**：设置您的主品牌颜色。
* **次品牌**：设置您的次品牌颜色。
* **第三品牌**：设置强调色或第三品牌颜色。
* **启动页背景**：设置启动/加载界面的背景色。
* **入门引导背景**：设置创作者入门引导流程的背景色。
* **设置背景**：设置门户设置页面的背景色。
* **主背景**：设置门户仪表板的主背景色。
* **主边框**：设置主边框和分隔线的颜色。
* **成功**：设置用于成功消息和通知的颜色。
* **警告**：设置用于警告消息和提醒的颜色。
  {% endtab %}

{% tab title="按钮" %}
定义门户按钮的外观，包括文字颜色、背景颜色以及交互状态（悬停和点击）。您还可以在门户中预览按钮的显示效果。

* **主按钮**：设置主按钮的 *文本*, *背景*, *背景悬停*和 *点击*颜色。输入十六进制颜色代码（例如，白色为 #FFFFFF）来设置颜色。
* **次按钮**：设置次按钮的 *文本*, *背景*, *背景悬停*和 *点击*颜色。输入十六进制颜色代码（例如，白色为 #FFFFFF）来设置颜色。
  {% endtab %}

{% tab title="文本" %}
使用十六进制颜色代码定义各类文本元素的颜色，以确保可读性和一致性。您还可以预览文本在门户中的显示效果。

* **错误**：设置错误消息的颜色。
* **Influencer 指标标签文本**：设置绩效指标标签的颜色。
* **链接颜色**：设置所有可点击超链接的颜色。
* **入门引导文本**：设置入门引导过程中使用的主文本颜色。
* **入门引导次文本**：设置入门引导过程中使用的次文本颜色。
* **主弹窗文本**：设置弹出式模态窗口内的文本颜色。
* **主文本**：设置大多数正文内容的默认文本颜色。
* **次链接**：设置次级或不太显眼链接的颜色。
* **次文本**：设置辅助性或较弱强调文本的颜色。
* **设置文本**：专门设置设置页面的文本颜色。
* **启动页文本**：设置启动/加载界面上的文本颜色。
* **UI 组件主文本**：设置主要 UI 组件的文本颜色。
  {% endtab %}

{% tab title="表单" %}
使用十六进制颜色代码定义交互式表单元素的外观，使其与您的品牌保持一致。您还可以预览复选框和单选按钮在门户中的显示效果。

* **已选中复选框**：设置复选框在选中时的颜色。
* **已选中单选按钮**：设置单选按钮在选中时的颜色。
  {% endtab %}

{% tab title="组件" %}
使用十六进制颜色代码定义门户各类结构组件的颜色。

* **主弹窗背景**：设置模态弹窗的背景色。
* **UI 组件主色**：设置活动标签页或已选项目等主要 UI 元素的颜色。
* **UI 组件次色**：设置次要 UI 元素的颜色。
* **胶囊标签容器背景**：设置胶囊形标签或标签的背景色。
* **页脚背景**：设置页面页脚的背景色。
* **页眉背景**：设置页面页眉的背景色。
* **进度条背景**：设置进度条的背景色。
  {% endtab %}

{% tab title="字体" %}
定义将用于整个门户的品牌字体。支持的文件格式包括 .TTF、.OTF 和 .WOFF。您还可以预览上传的字体在门户中的显示效果。

* **字体细体、常规、粗体**：上传用于主字体样式的字体。
* **次字体半粗体、常规、粗体**：上传用于次字体样式的字体。
  {% endtab %}

{% tab title="其他样式" %}
调整特定组件的其他样式选项。您还可以预览所选样式选项在门户中的显示效果。

* **按钮边框圆角**：设置主按钮角的圆润度。
* **收益内容标题字体大小**：调整收益内容卡片标题的字体大小。
  {% endtab %}

{% tab title="类别和集合" %}
定义门户中用于显示类别和集合的卡片样式。您可以预览所选样式在门户中的显示效果。

* **类别卡片样式**：在以下选项之间选择 **圆形** 和 **方形**。如果您选择 **方形** 样式，则可以自定义卡片的圆角程度。
* **集合卡片样式**：在以下选项之间选择 **圆形** 和 **方形**。如果您选择 **方形** 样式，则可以自定义卡片的圆角程度。
  {% endtab %}
  {% endtabs %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.impact.com/brand/zh/what-would-you-like-to-learn-about/creator-edit-configuration/wai-guan-yu-feng-ge/zi-ding-yi-ni-de-creator-edit-men-hu.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.