一致性先从信息职责开始
设计系统不只是颜色和按钮的集合。它首先帮助网站里的信息各司其职：大标题说明页面主题，分区标题组织内容，正文解释细节，按钮表达下一步。如果同一种文字在不同页面承担不同职责，即使颜色完全一致，访问者仍然需要反复猜测。
先挑出首页、服务详情、文章和联系页，列出它们共有的信息类型。为每一种类型选择稳定的表达方式，再处理各页特有的内容。这样建立的规则能够支持页面变化，而不需要把所有页面做成相同的样子。
建立小而清楚的基础规则
字体、颜色、间距和容器宽度可以先保持精简。说明哪种字号用于页面标题，哪种颜色用于主要操作，什么间距表示同一组内容。规则应有用途，而不是为了凑齐一张复杂的规范表。
同时保留必要的例外。例如，首页可以有更有表现力的标题，但文章正文仍需要适合长时间阅读的行宽。给例外写清使用场景，比让设计师随意调整或强行套用一个尺寸都更容易维护。
用真实内容制作组件
先用短标题做好的卡片，遇到长中文名称时可能立即失衡。组件应使用真实标题、不同长度的摘要、横竖比例不同的图片和实际按钮文字来检验。边界情况会告诉你，哪些规则需要弹性。
一张服务卡片还应说明完整的行为：图片与标题是否都能点击，链接到哪里，键盘焦点如何出现，没有图片时怎么排列。只画正常状态会把这些决定留到实现阶段，增加页面之间出现不同做法的机会。
把中文、英文和手机当作同一个系统的检验
中文标题可能很短，英文翻译却可能占据两三行。不要用固定高度裁掉长文字，也不要为了保持整齐把所有内容缩小。可以让卡片按内容自然增长，或在已验证的场景中调整排列方式。
手机布局需要重新考虑阅读顺序：先出现哪张图片，标题与说明之间保持多少距离，按钮能否清楚命中。检查实际页面比只把桌面稿等比例缩小更有意义，也能及早发现固定元素遮挡内容的问题。
让规则能够随内容一起维护
规则应落实到共同的样式或组件来源。修改一个按钮的间距时，相关页面应该一起更新；如果某页有独立用途，则保留明确的变体。到处追加临时覆盖会让相同组件逐渐变成不同版本。
每次增加页面，可以选首页、长文章和一张内容较长的卡片做简短检查：层级是否清楚、文字是否完整、操作是否一致。设计系统的价值不在于让页面看起来机械相同，而在于让新内容加入后，网站仍然容易理解和使用。
