灰色

大多数页面里，真正大量出现的并不是品牌色，而是灰色。标题、正文、说明、边框、背景、表格线、空状态和禁用态，几乎都要靠灰阶去支撑。

如果灰色体系没做清楚，再好的品牌色也很难把页面救回来。因为用户日常看到的大部分结构，其实都来自这些中性色。

深灰适合正文和标题，稍浅一点的灰适合说明文字和辅助信息，更浅的灰适合边框、卡片背景和弱分区。通过这些层级，页面才能在不吵的前提下建立清晰秩序。

对工具站和后台来说，灰色甚至比品牌色更重要。因为用户会长期停留在数据、表格、筛选、表单和结果区里，这些地方都需要稳定的灰阶支撑。

• 深灰：正文、标题、关键数据。
• 中灰：说明文字、二级信息、图标。
• 浅灰：边框、分隔线、背景和禁用态。

最常见的问题是层差不够。例如正文、次级文字和禁用态只差一点点，结果用户根本分不出轻重。另一个问题是全站都偏灰，但没有真正的强调色，页面会显得没精神。

灰色体系的关键不是‘越多越好’，而是每一档灰色都应该有明确职责。只要职责清楚，页面即使颜色不多，也会显得很稳。

• 正文灰和说明灰必须拉开差距，不能只是肉眼勉强可见。
• 灰色体系再完整，也需要品牌色去承担动作和重点。
• 上线前要用对比度工具检查浅灰文字，不要只看设计稿。