预约页的品牌外观：九项设置各管哪里

新版后台「品牌呈现」里的 Logo、Logo 背景色、品牌名文字和六项颜色，分别落在顾客预约页的哪一块；没填的项系统怎么替你定，以及为什么有些颜色会被自动压深或拦下来。

新版后台的「品牌设置 → 外观」里有九项设置。左边一张色卡表、右边一台手机预览，改一项右边立刻跟着变——但第一次打开时最常见的问题是：「页面底色」和「卡片底色」到底差在哪、「Logo 旁文字色」管的是哪几个字？ 这一页把九项和预约页上的位置一一对上，再讲清没填时系统替你决定的规则。

一、九项设置在预约页上的位置

图中是顾客选日期与场次那一屏——品牌色在整个预约流程里就属这一屏落点最密集：选中的日期是实心色块、选中的场次是浅底描边、主按钮是墨色。后台右侧那台预览用的也是这一屏。

后台里每一项的标题或色块上都带着同一个编号；把鼠标放到某一项上，右边手机上会圈出它管的那一块。

二、九项各是什么

Logo 背景色为什么住在 Logo 那一组、不在颜色表格里：它是 Logo 的固定搭配。透明 PNG 的白色 Logo 只有垫上深色才看得见，所以传完图的下一秒就该在旁边选它，缩略图会立刻按它垫底。

三、没填的项，系统怎么替你定

先看页面底色是深是浅。 你只需要决定一个底色（或者让它跟随 Logo），系统按它的明暗决定剩下的一整套：

• 底色偏浅 → 深色标题、白色卡片、墨色主按钮（平台默认的样子）。
• 底色偏深 → 浅色标题、深灰卡片、浅色主按钮。你没主动选过「深色模式」，只是底色一深整套就跟着翻——预览下方会提示「你选的底色偏深，预约页会自动改用配深底的文字与按钮颜色」。

页面底色和品牌强调色可以跟随 Logo。 传一张 Logo，系统从图里取一个适合做底的颜色和一个适合做强调的颜色。不满意可以切成「自定义」自己填；切回「跟随 Logo」就恢复派生值。

其余四项只有「跟着系统 / 我自己填」两态。 卡片底色、文字颜色、主按钮颜色、Logo 背景色默认都是空的——绝大多数商家不需要碰它们；填了就用你填的，清空就回到跟着系统。

四、为什么有的颜色会被压深，有的会被拦下来

顾客得能读清预约页上的字，所以颜色不是随便填的。规则按国际无障碍标准 WCAG 2.1 的相对亮度公式算对比度（1 是完全看不清、21 是纯黑配纯白）：

• 正文至少 3，页脚等小字至少 2。 这比 WCAG AA 的 4.5 宽，为的是给你更多配色自由。
• 品牌强调色会被自动「压深到可读」。 选中的日期上压着白字，强调色太浅白字就糊了；系统只压深明度、不动色相，后台色卡上会标出「原色 → 压深后」。
• 页面底色不达标会拦住保存。 比如底色和文字色几乎一样，后台会用红字告诉你当前对比度是多少、至少要多少，改到达标才能保存。
• Logo 旁文字色只提醒不拦。 店名在 Logo 背景色上对比度不够时，后台会在那一格里提醒，但你可以照样保存——那一行字顾客看不清的后果由你自己掂量。

相关内容

• 配置品牌设置：品牌名、联系方式、语言与货币这些不随预约页外观走的资料。
• 新版到底新在哪：「品牌跟随 Logo 自动换装」在新版里的位置。
• 切换到新版后会发生什么：什么时候能用上新版预约页。