梧桐设计语言v0.2.0

浅灰页底,白面板浮起,
彩色全让给状态。

梧桐全线产品共用的设计语言:一套 token、四主题、28 个 React 组件、105 个四端同源的图标,以及写给设计师、前端、iOS、Android、小程序开发的规范。像一本印得很好的台账,不是 SaaS 落地页。

$ npm i @wutong/ui @wutong/icons
设计品牌书、五条原则、色彩 / 字体 / 布局 / 图标、页面模式、多端与交付组件28 个组件,每个带可切主题的 demo、源码与 API。npm i @wutong/ui图标与 Token105 个语义命名图标,Web / iOS / Android / 小程序同一个源;四主题全部 token

五条原则

克制彩色是信息,不是装饰。主色只在三处,状态色只在 pill 上。
台账感数据要对齐、要能扫。数字等宽、表头退后、行间不画线。
现场优先为最差的条件设计:戴手套、强光、弱网、50 岁以上。
说人话按钮说清做什么,确认框说清后果,错误说清怎么办。
AI 可见让人看懂 AI 在做什么:分阶段、可折叠、写操作先预览。
每条都有反例 →评审时对照它们,而不是「好不好看」