跳到主要内容
功能/品牌与定制

你的社区,你的品牌,你的域名。

自定义域名、主题、CSS、白标选项和导航配置——让社区看起来和用起来都像你自己的产品所需的一切。

域名设置界面:上方是社区默认的 Mateflow 子域名及编辑入口,下方是一个标记为「已启用」的自定义域名,指向社区自己的地址,并带管理入口。
品牌设置界面:导航栏 logo 可选文字标、图标加名称或仅图标三种样式,可分别上传浅色与深色 logo、方形应用图标和 favicon;右侧实时预览显示侧栏与信息流、浏览器标签页、应用图标、社交分享卡片和登录页的实际效果。
Mateflow 主题编辑器:主题命名表单、浅色/深色模式切换,以及按品牌色、背景、文字、描边分组的色值输入框;右侧是社区信息流的实时预览,随色值改动同步重绘。

定制深度

三个层级的品牌控制

从简单起步,随着需求演进而逐步深入。logo、配色、主题和自定义域名都不需要工程资源;想要更深的控制时,还有自定义 CSS。

层级 1

快速品牌设置

在任意套餐中几分钟内设置好 logo 和颜色,并可在任意套餐中连接自定义域名。无需设计专业知识。

层级 2

深度定制

为需要对社区体验进行像素级控制的团队提供自定义 CSS、导航配置和主题覆盖。

层级 3

完整白标

在 Business 和 Enterprise 套餐中,把 Web 社区里的平台品牌标识全部移除。你的社区,完全在你的视觉识别之下。

能力

全面掌控社区的外观

从快速调整颜色到深度 CSS 覆盖,品牌系统会随着你的设计抱负而扩展。

自定义域名

在你自己的域名上运行社区,自动配置 SSL。成员看到的是你的品牌,而不是我们的。

主题与配色系统

通过内置的设计令牌层配置品牌颜色、排版和视觉风格——大多数定制无需任何代码。

自定义 CSS

若需更深入的控制,可添加自定义 CSS 来覆盖任何视觉元素。为拥有设计资源的团队提供完全的灵活性。

白标

在 Business 和 Enterprise 套餐中,从 Web 社区里彻底移除 Mateflow 品牌标识。你的社区,你的品牌,没有「powered by」标记。以你自己的名义上架应用商店的原生 App 仍在路线图上。

favicon 与元数据

设置你自己的 favicon、Open Graph 图片和元描述。面向公众的品牌的每个细节都可配置。

导航配置

定制导航结构、侧边栏布局和页面层级,以匹配你的受众期望找到内容的方式。

品牌展示

同一个平台,三个截然不同的品牌

借助主题令牌、自定义域名和白标控制,没有两个 Mateflow 社区必须看起来一样。同样的产品,呈现你的视觉标识。

community.northwind.com
N
Northwind Customer Hub
加入探索

企业 / B2B

Northwind Customer Hub

community.northwind.com

circle.thestudio.co
S
The Studio Inner Circle
加入探索

创作者 / 生活方式

The Studio Inner Circle

circle.thestudio.co

club.fieldnotes.is
F
Field Notes Club
加入探索

极简 / 编辑风

Field Notes Club

club.fieldnotes.is

主题系统

可编辑的设计令牌,不只是上传一个 logo

颜色、排版、间距和圆角都源自一个令牌层。修改一次令牌,整个社区随之更新——大多数调整无需 CSS。

颜色令牌

/admin/branding

主色

--primary

#0D9488

强调色

--accent

#F97316

表面

--surface

#F0FDFA

前景

--foreground

#0F0F0F

弱化

--muted

#737373

边框

--border

#e5e5e5

排版

--font-displayInter
--font-bodyInter

实时预览

M

你的社区

由你的令牌驱动

欢迎来到核心圈
#announcements 中的新帖子

在管理控制台中编辑一个令牌,每个界面——信息流、侧边栏、按钮、邮件——都会即时更新。

面向设计团队

当令牌不够用时,切换到自定义 CSS

覆盖任何内容。令牌层覆盖了绝大部分品牌工作;自定义 CSS 处理边缘情况——像素级精确的卡片样式、自定义动画、品牌专属布局。

community.css
已保存
/* Override card hover */
.mf-post-card {
  border-radius: 1.25rem;
  transition: all .25s ease;
}
.mf-post-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 40px rgba(13,148,136,.18);
}

/* Brand-specific button */
.mf-cta-primary {
  background: linear-gradient(135deg, #0D9488, #F97316);
  letter-spacing: .01em;
}

/* Hide the default sidebar avatar ring */
.mf-sidebar .mf-avatar { box-shadow: none; }

定向类

每个 Mateflow 界面都带有稳定的 mf- 类前缀。只覆盖你需要的部分,无需 fork 整个主题。

实时预览 + 差异对比

编辑会在发布前于沙盒预览中渲染。在推送到线上社区之前,对比所有成员界面上发生了哪些变化。

Growth 及以上可用

令牌编辑在所有套餐中均可使用。CSS 编辑器在 Growth 中解锁——完整的白标移除在 Business 和 Enterprise 中提供。

Mateflow 品牌 vs 典型平台

大多数社区工具只让你上传一个 logo。Mateflow 给你足够的深度,让社区真正属于你。

Mateflow 品牌 vs 典型平台
维度Mateflow 品牌典型平台
自定义域名你的域名,自动 SSL——所有套餐均可使用默认子域名;自定义域名仅限更高等级
视觉定制设计令牌、颜色、排版 + CSS 编辑器logo + 1-2 个强调色,主题有限
白标网页端社区完全移除 — Business 和 Enterprise通常要求保留「powered by」标记
导航可配置的侧边栏、页面、层级大多为固定布局
SEO 元数据favicon、OG 图片、逐页元数据仅全局设置
主题预览发布前的实时沙盒预览大多数平台只能发布后听天由命

为何品牌所有权会改变社区体验

社区的视觉标识直接影响成员如何看待它的价值以及你的组织。

归你所有

拥有成员体验

当社区看起来像你的产品时,成员会与你的品牌建立关系——而不是与平台供应商。

可信

专业可信度

自定义域名和品牌化界面彰显专业性。成员和利益相关者会更认真地对待社区。

一致

一致的品牌触点

社区成为你的网站、产品或营销的延伸——而不是一个脱节的第三方目的地。

独立

减少供应商锁定的感知

在 Business 和 Enterprise 上,网页端社区不会留下任何 Mateflow 品牌标识——受众面对的是你,而不是某个平台供应商。移动 App 目前仍以 Mateflow 名义上架。

谁从深度品牌控制中获益最多

任何希望看起来量身打造、而非托管在通用平台上的社区。

品牌优先的社区

让社区成为你品牌标识的延伸。自定义域名、配色和完整白标共同打造无缝体验。

代理与分销模式

以客户的品牌为客户搭建社区。白标和自定义域名意味着客户成员使用的网页端社区看不到任何 Mateflow 品牌标识;以客户自有名义单独上架的 App 仍在路线图上。

高端会员产品

精致的品牌化体验能支撑高端定价。当产品看起来像量身打造时,成员会感知到更多价值。

所有套餐均提供 logo、颜色和主题定制。自定义域名在所有套餐中提供;自定义 CSS 从 Growth 起提供——完整白标在 Business 和 Enterprise 中提供。

品牌定制 — 常见问题

关于自定义域名、主题、自定义 CSS 和白标选项的常见问题。

可以。你可以在所有套餐中通过自动 SSL 在自己的域名上运行社区,让成员看到的是你的品牌而非我们的品牌。

完整白标在 Business 和 Enterprise 套餐提供,可从 Web 社区中彻底移除 Mateflow 品牌标识,也没有「powered by」标记。目前成员使用的是共用的 Mateflow 移动 App;以你自己的名义上架应用商店的原生 App 仍在路线图上。

不需要。品牌颜色、排版和视觉风格均通过内置的设计令牌层进行配置,因此大多数定制无需任何代码。

自定义 CSS 从 Growth 起解锁。令牌编辑在所有套餐中均可使用,而 CSS 编辑器可让你覆盖任何视觉元素,实现像素级的精确控制。

可以。编辑内容会在发布前于沙盒预览中呈现,让你在推送到线上社区之前,对比成员界面上的更改。

打造一个看起来像你的社区

从 14 天免费试用开始。每个套餐都包含基础品牌定制——自定义域名包含在所有套餐中。

开始免费试用