一套设计令牌，同时喂给 Web 与小程序

Web 和小程序各写一套颜色，改一次设计要动两个仓库，早晚会飘。把色彩、排版、圆角收敛成单一数据源，再用脚本产出两边要的格式，是唯一能长期成立的解法。

令牌只描述语义，不描述数值

不要定义「蓝色 #0071e3」，而是定义「主按钮底色」。数值会变，语义不会。等哪天品牌色换了，改的是令牌的取值，而不是满仓库的十六进制。

产出一层做适配

Web 侧输出 CSS 自定义属性，小程序侧输出 WXSS 变量与一份 JS 常量表。适配层是脚本生成的，不手写，这样两边永远同源。

const tokens = {
  'color-action': '#0071e3',
  'radius-card': '14px',
}
// 一次定义，两边生成：tokens.css / tokens.wxss / tokens.ts

圆角与间距也要进令牌

只收颜色是不够的。圆角、间距、字号阶梯同样会被各页面各写各的，最终呈现出来的「不一致」大多来自这几个值。把它们一并纳入，才能真的做到一眼看上去是同一个产品。