Microsoft 在用

Fluent UI

Name: Fluent UI
Author: Microsoft

作者 Microsoft · fluent2.microsoft.design

底色主色文字描边浅底

AaSegoe UI

248

截图 1 / 2

这是什么

微软 Fluent 2 的 React 版，Teams、网页版 Office 用的就是它：沉稳的蓝、小圆角，排布紧凑整齐。

设计系统设计系统不只是一套组件:它带着颜色、字体、间距的令牌,支持换主题,还规定了部件之间怎么搭配。

其他设计系统套件。

GitHub 自己产品界面用的组件，从 Issue 到设置页都是它：干净、信息密，给开发者用的那种。

Uber 的 React 设计系统：黑白配色、高对比、形状朴素，就是 Uber 自家网页工具的样子。

AWS 控制台背后的设计系统：数据表格、表单和仪表盘，为长时间工作的后台而做。