Vercel 设计系统：用颜色传达信息

是什么 这条收藏把 Vercel 的两份设计指南作为“设计系统开源”的入口。原推文强调颜色 Token、字体、间距、圆角、组件、动效和文案规范；从给出的正文片段看，文档更具体地面向 Vercel 风格的报告、提案、基准测试、比较页和计算器。

核心设计 核心原则是颜色承担信息语义，而不是单纯装饰。设计系统因此不只是视觉规范，也包含 Geist 字体、共享网格、响应式布局、明暗主题、数据叙事和证据表达。页面应保持精确、克制、直接，通过层级、留白和清晰的交互让读者快速理解结论。

关键洞察 值得借鉴的是把品牌、内容结构和前端实现放在一起设计：先明确读者要理解或决定什么，再用最强证据支撑结论，同时保留审计所需的表格、假设和来源。图中的黑白界面、大字号标题、明确 CTA 与 Logo 墙，也体现了这种低装饰、高识别度的表达方式。

边界与风险 正文是不完整的，不能仅凭截文断定完整组件 API 或全部 Token 数值。它更像面向官方报告类页面的品牌指南，不一定等同于适用于所有产品场景的通用设计系统；直接照搬 Vercel 的黑白风格，也可能忽略自身业务语义、可访问性和品牌差异。