基础

Gravity-UI 是用于构建功能性用户界面的库和组件集合。该设计系统支持多种主题:每种主题都有 浅色深色高对比度 变体。每个主题中组件的视觉风格都可以轻松自定义。

颜色

该设计系统由四个基于双层颜色模型的主题组成。主题引擎支持多样的颜色自定义和具有不同需求集的品牌标识。

排版

排版系统由排版样式、显示字体和代码(等宽字体)组成。您可以使用默认字体或创建自己的字体。

控制圆角

圆角是视觉风格中一个虽小但重要的部分。为了方便处理,我们开发了一组圆角变量。这些变量被不同的控件使用。要调整控件的圆角,只需更改变量的值即可。

创建和使用主题

无论品牌和视觉语言如何,最终都归结为一组常量,您应该能够轻松地在代码和 Figma 的库中进行编辑和使用。

上一页资源
下一页颜色