Semantic

按文字、背景、边框、图标、填充和状态组织颜色。

正文、辅助、反色、链接和状态文字。

页面、分组、浮层、交互和选中背景。

分隔、结构、焦点、选中和状态边框。

图标层级和中性、强调、状态填充。

信息、成功、警告和危险状态。

展示与文档两套语义排版。

用于首屏、页面标题和章节标题。

用于标题、导语、正文、标签和说明。

页面容器、正文宽度、区块和控件组间距。

静态、浮起、浮层和交互动效角色。