> 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/look-and-feel/customize-your-creator-edit-portal.md).

# 自定义您的 Creator Edit 门户

{% hint style="warning" %}
本文介绍如何配置您的 [创作者编辑门户](/brand/zh/what-would-you-like-to-learn-about/creator-edit-configuration/creator-edit-overview.md). [联系我们](https://app.impact.com/support/portal.ihtml?createTicket=true&) 以了解更多信息。
{% endhint %}

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

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

#### 访问设置页面

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

1. 在您的 impact.com 账户顶部导航栏中，选择 ![](/files/34cff7cafbbfcd416778a35b63cb058c27bcda8b) **\[用户资料] → 设置。**
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="文字" %}
使用十六进制颜色代码为各种文本元素定义颜色，以确保可读性和一致性。您还可以预览文本在门户中的显示效果。

* **错误**：设置错误消息的颜色。
* **达人指标标签文字**：设置绩效指标标签的颜色。
* **链接颜色**：设置所有可点击超链接的颜色。
* **引导文本**：设置引导流程中的主要文字颜色。
* **引导次要文本**：设置引导流程中使用的次要文字颜色。
* **主要弹窗文字**：设置弹出窗口内的文字颜色。
* **主要文本**：设置大多数正文内容的默认文字颜色。
* **次要链接**：设置次要或不太显眼链接的颜色。
* **次要文本**：设置补充性或不太强调文本的颜色。
* **设置文本**：专门设置设置页面的文字颜色。
* **启动文本**：设置启动/加载屏幕上的文字颜色。
* **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, and the optional `goal` query parameter:

```
GET https://help.impact.com/brand/zh/what-would-you-like-to-learn-about/creator-edit-configuration/look-and-feel/customize-your-creator-edit-portal.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.