设计定案核查

落地页定稿之后要固化下来的设计决定，请逐条核对。看到不对的地方直接说是哪一条。全部认可之后这些值才写进代码，之后全站页面都吃它。

这一页本身就是用这套值做的，你看到的颜色、字体、圆角就是最终效果。

核对清单

1. 页面底色定为浅灰白，不是纯白 → 底色与文字
2. 文字三档深浅，最浅一档也能看清 → 底色与文字
3. 英文字体保持现在的样子，文件放我们自己服务器 → 英文字体
4. 品牌渐变只用在落地页，后台按钮用单一蓝色 → 品牌色
5. 五个 AI 员工每人两个颜色 → 五个员工的颜色
6. 键盘操作时选中的元素有一圈蓝框 → 键盘可见性
7. 深色卡片里文字自动翻成浅色 → 深色卡片

底色与文字

页面底色是浅灰白，不是纯白。商家后台也用同一个底色。

为什么不是纯白：落地页整页是一间白色影棚，金属球和玻璃卡片靠光影立起来。纯白底会让玻璃卡片消失，看不出层次。

「倍」是国际无障碍标准的算法：文字和背景的明暗差多少倍。4.5 倍是及格线，低于它视力一般的人在手机上会看不清。最浅那档 4.9 倍，贴着线但过了。

这个数字必须按浅灰白这个底色算。之前按落地页背景图的颜色算过一次，五个员工色全部差 0.2 左右不及格，返工重来了一遍。

英文字体

英文继续用现在这套，但字体文件搬到我们自己的服务器。

现在的做法是从 Google 的服务器实时下载。问题：Google 的字体服务在中国大陆访问不了。达人在国内打开页面，英文会静默变成上面第二种 — 不报错，就是长得不一样，而且每次打开都要先等一次超时。

搬到自己服务器后国内国外都正常，观感和你现在看到的一致。代价是页面多下载几十 KB，只影响英文字形。

中文不受影响，继续用手机自带的字体。中文字体文件动辄几 MB，装进页面会让微信里打开明显变慢。

品牌色

深蓝不是亮蓝调暗那么简单 — 它的深浅是按「压在浅灰白底上要能看清」倒推出来的。

渐变只给落地页

理由：后台是干活的地方，一屏可能十几个按钮，全渐变会很吵。落地页是一次性的第一印象，渐变值得。

说明：「后台按钮很多」是我的预估，后台还没开始做。以后真觉得不对，改这一个值全站就变。

五个员工的颜色

每人两个颜色，因为一种颜色扛不住两种背景。

色块是圆球用的亮色，下面人名的颜色就是浅底上的文字色。亮色取自苹果手机深色模式的系统配色；文字色不是把亮色调暗就行，每个都单独算过能不能看清。

改任何一个亮色，配套的文字色都要重新算。这两组值在代码里只有一处定义，改那一处全站跟着变。

键盘可见性

用键盘（Tab 键）操作页面的人看不到鼠标指针，只能靠一圈框知道现在选中了哪个按钮。

选中框定为品牌深蓝，2 像素粗，离元素 3 像素。落地页已经有了，但全站的设计变量表里还缺这一条，这次补上。缺了它，后台做出来键盘用户会完全不知道自己点到哪。

深色卡片

页面上有几块是深色的：私信卡、演示面板、邀请卡背面。它们演的是「手机屏幕里的产品」，深色反而像实物。

这些块里的文字会自动翻成浅色，不需要另写一套样式。做法是在这几块的范围内把「文字颜色」这个变量重新指向浅色值，里面的组件一行都不用改。

深色底上同样定了三档深浅，同样按 4.5 倍及格线算过 — 基准是私信卡的实际底色（半透明深色玻璃压在浅底上，实际接近深灰），不是纯黑。

数值档位

落地页的字号、圆角、间距原本是一处一个值调出来的，共 48 个字号、10 个圆角、9 个间距。已经收进固定档位：字号 7 档、圆角 4 档、间距 5 档。

你已经并排看过两版并选了统一版，这里只是备案，不需要再核对。

大标题不在档位里 — 每个板块标题的大小不同是刻意的，合并会明显走样。

收尾