设计原则
Airo UI 不以功能覆盖面取胜,而是专注于打磨「感觉」。下面是贯穿全库的五条原则。
1. 流畅弹性优先
所有状态切换均使用 spring 弹性曲线,拒绝生硬的线性过渡。
- Checkbox 勾选时
scale(1.12)弹跳 - Switch thumb 滑动遵循
cubic-bezier(0.34, 1.56, 0.64, 1) - Input focus 边框扩展带轻微回弹
2. 克制即是力量
中性色为主骨架,仅一个强调色贯穿全局,用透明度衍生层次,避免视觉噪声。
3. 留白是设计
间距严格遵循 4px 基准网格 (--space-1 ~ --space-12),大量留白不是空旷,是节奏。
4. 细节全暴露
简约风格不允许粗糙。圆角、边框、字号每一处都经过推敲,圆角仅四档,字号成套体系。
5. 可覆盖优先
所有设计 Token 以 CSS 变量暴露,用户一行代码即可换肤,无需 fork 源码。