产品设计
2023-03-15面向 SaaS 的极简设计系统
CASE STUDY
问题
一个快速增长的 B2B 分析平台积累了严重的设计债:14 种不同的按钮样式、不一致的模态对话框,以及互相冲突的暗色模式变量。
方案
我们建立了基于 OKLCH 的设计令牌层级,并在 Figma 与 React 中构建了 40+ 个无障碍 UI 原语,具备完整的键盘导航与自动化无障碍测试。
一个快速增长的 B2B 分析平台积累了严重的设计债:14 种不同的按钮样式、不一致的模态对话框,以及互相冲突的暗色模式变量。
我们建立了基于 OKLCH 的设计令牌层级,并在 Figma 与 React 中构建了 40+ 个无障碍 UI 原语,具备完整的键盘导航与自动化无障碍测试。