好消息，Vercel 把他们的设计系统直接开源了，两个地址： vercel.com/design.md vercel.com/design.dark.md 里面写着颜色 token、字体规格、间距、圆角、组件、... (opens in new tab)

好消息，Vercel 把他们的设计系统直接开源了，两个地址：vercel.com/design.mdvercel.com/design.dark.md里面写着颜色 token、字体规格、间距、圆角、组件、动效、甚至文案规范，全部写死了具体数值。先说这套设计系统的核心逻辑是什么。它的美学只有一个原则：颜色是用来传达信息的，而非装饰。整套色板有灰、蓝、红、绿、紫……但强调色只在两种情况下出现：状态（成功、错误、警告）和当前页面最重要的那一个操作。其他地方全部是灰。字体用 Geist Sans 和 Geist Mono，两个都开源。所有标题的 letter-spacing 都是负值，越大越紧。我个人感受，这让标题看起来沉，不飘。圆角只有三档：6px 日常控件，12px 弹窗菜单，16px 全屏大块面。整个产品里只选一种，不混用。动效的原则我觉得是整个文档里最有意思的一句话：0ms 往往是最好的选择。能不动就不动，要动就短，要快。然后说说我怎么看「学优秀设计」这件事。直接照搬 Geist 的问题，文档自己也说了：这套美学辨识度太强，拿来就用，别人看到一眼就是这是用 Geist 做的，而不...