> 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" %}
本文介绍如何配置你的 [Creator Edit 门户](/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.