- 避免使用纯黑或纯白：使用近黑色和近白色，避免视觉不适。
- 饱和中性色：在中性色中加入少量色彩，提升视觉效果。
- 重要元素使用高对比度：确保按钮和内容等重要元素显眼。
- 设计细节需深思熟虑：每个设计元素都应有明确的理由。
- 光学校准优于数学校准：通过视觉调整对齐，使设计更美观。
- 调整字母间距和行高：文字越大，间距越小，反之亦然。
- 容器边框需对比明显：边框应与容器和背景形成对比。
- 保持对齐：所有元素应与其他元素对齐。
- 调色板颜色亮度应区分明显：相邻颜色亮度应有明显差异。
- 中性色饱和度应统一：避免同时使用暖色和冷色。
- 保持一致的尺寸/间距比例：使用统一的比例尺。
- 按视觉重量排序：重的元素放在前面，轻的放在后面。
- 使用 12 列网格：提供灵活的布局选项。
- 高对比度点之间留间距：间距应从一个高对比点到下一个高对比点。
- 近距元素应更亮：距离用户近的元素应更亮。
- 阴影模糊值应为距离值的两倍：模糊值是距离值的两倍，并降低不透明度。
- 简单与复杂搭配：复杂背景搭配简单前景，反之亦然。
- 容器颜色亮度限制：背景与容器亮度差异应在规定范围内。
- 外边距应等于或大于内边距：确保容器内外边距的比例。
- 正文文字大小应在 16px 以上：确保阅读舒适性。
Reference: https://anthonyhobday.com/sideprojects/saferules/