📄️ Grid 网格网格是以规则的网格阵列来指导和规范网页中的版面布局以及信息分布，提高界面内布局的一致性和效率。📄️ Layout 布局用于组织网页的框架结构，影响用户的浏览顺序。清晰的的布局和数据展示可以帮助用户高效的获取信息。📄️ Spacing 间距间距是元素与元素之间的空间。在代码中通常使用 margin 和 padding 来控制。📄️ Typography 排版用于展示标题、段落、文本内容，表达层次结构和品牌形象。