Google 在用

Material Web

Name: Material Web
Author: Google

作者 Google · material-web.dev

底色主色文字描边浅底

AaRoboto

102040

截图 1 / 2

这是什么

Google 把 Material 3 做成的 Web Components：圆角按钮、柔和的紫色调，任何框架都能用。

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

其他设计系统套件。

Shopify 后台的设计系统，2025 年重做成 Web Components：黑色胶囊按钮、灰底、安静的白卡片。

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

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