《互联网产品的客户端架构·规模化与架构演进》2.3 多品牌与多业务复用
四个品牌共用一套组件库，一次全量合并后，A 品牌的结算主色出现在 B 品牌的收银台，排查发现是品牌包被当成全局配置加载。多品牌复用的难点不是覆盖，而是边界与隔离。本节用 TypeScript 模块演示覆盖顺序、业务包与品牌包的权限边界、同层冲突检测和复用度计算，并给出多品牌接入前的验收判据。
tag
设计系统
共 4 篇文章。
《互联网产品的客户端架构·规模化与架构演进》2.2 组件契约与版本化
按钮组件从 1.4 升到 1.5，发布说明写着「只加了可选属性」，四十多个业务包却在编译期报错。问题不在版本号，而在没人把组件契约当成可比较的对象。本节用 TypeScript 模块演示属性、事件、插槽与可访问性语义的变更分类、兼容判定、版本递增和契约快照比较。
《互联网产品的客户端架构·规模化与架构演进》2.1 设计 token 与主题化
同一条按钮 token 在暗色主题下解析成透明文字，往往不是样式写错，而是三层 token 的解析链断了。本节用可运行的 TypeScript 模块演示 primitive、semantic、component 三层解析、主题覆盖优先级、别名环检测与缺失回退，并给出组件库接入主题前的验收判据。
《互联网产品的客户端架构·端形态与体验基础》8.1 设计系统与组件契约
组件契约不是一份文档，而是可以被校验的数据结构：props、事件、插槽、状态与可访问性各有明确边界。本节把「回声」搜索框的契约写成 TypeScript 结构，给出契约自检与调用校验两套规则，并用真实测试输出说明重复属性、必填默认值、受控缺处理器等问题如何在编码前被拦住。