在黑暗中构建发光的东西

这个博客的底色是黑色。黑色不是没有设计，而是把舞台让给少数几个发光的东西。

光是一种信号

在深色界面里，亮度就是层级。一个元素越亮，就越接近用户的注意力中心。因此光的位置、颜色和运动都应该有语义，而不是装饰。

用 CSS 造光

很多时候不需要 WebGL。一个渐变、一层模糊、一次混合模式，就能得到柔和的辉光。比如按钮悬停时的高光，可以用 background 与 filter: blur() 叠加实现。

.glow {
  background: radial-gradient(circle, #a78bfa 0%, transparent 70%);
  filter: blur(12px);
}

动画的克制

动画越多，单次动画的分量越轻。这个站点的原则是：一个页面只让一两个动画成为主角，其余元素安静地存在。