语义 / 语义语义角色把全局值映射成页面和组件可理解的用途。目录语义角色页面颜色颜色概览按文字、背景、边框、图标、填充和状态组织颜色。颜色文字颜色正文、辅助、反色、链接和状态文字。颜色背景颜色页面、分组、浮层、交互和选中背景。颜色边框颜色分隔、结构、焦点、选中和状态边框。颜色图标与填充颜色图标层级和中性、强调、状态填充。颜色状态颜色信息、成功、警告和危险状态。排版排版概览展示与文档两套语义排版。排版展示排版用于首屏、页面标题和章节标题。排版文档排版用于标题、导语、正文、标签和说明。布局布局角色页面容器、正文宽度、区块和控件组间距。布局层级与动效角色静态、浮起、浮层和交互动效角色。规则关系与边界全局只保存原始值,不描述具体组件。语义只引用全局层,并表达使用目的。组件只引用语义层,并描述组件状态。Global → Semantic → Component