ProjectsSeptember 24, 2026

Vercel — 暗色系的对比度控制

image
暗色主题最容易被做"糊":所有元素都发灰,层级出不来。 Vercel 的做法是只用三档亮度:背景、卡片、前景。层级靠 1px 描边和极淡的白色叠加来区分,而不是继续加灰阶。这样即使把屏幕亮度调到最低,结构依然清楚。 另外它的代码块用了比正文更低的对比度 —— 刻意不抢眼。这个取舍挺反直觉,但对阅读节奏有帮助。

Related projects

Stripe — 渐变与信息密度

Stripe — 渐变与信息密度

rauno.me — 交互细节的密度

rauno.me — 交互细节的密度

Bruno Simon — 3D 站点的性能取舍

Bruno Simon — 3D 站点的性能取舍

Apple — 滚动叙事怎么拆

Apple — 滚动叙事怎么拆