1. 概述

设计统一的界面规则，是构建可维护、可扩展的 UI 体系的关键。

同一个按钮在不同页面里出现不同圆角、不同描边、不同悬停色，是常见问题。问题的根源通常不在组件数量，而在样式决策散落在页面里：颜色靠临场判断，间距靠肉眼调整，状态样式靠复制粘贴。

这一篇文章要为大家分享的是，把高频视觉决策整理成可执行的设计规范，并写进 packages/ui。后面新增页面或组件时，优先复用这套规则，不再在业务代码里临时定样式。

设计规范在工程里主要承担四件事：

• 定义界面的层级关系
• 统一交互状态的表达方式
• 约束组件的尺寸与密度
• 把样式决策下沉到 token 和共享组件