创建主题
在 dsm 网页版定制设计系统
更新时间: 9/1/2023, 6:00:28 PM

1. 创建主题

1.1 开始创建

  • 从未创建过主题
  • 已拥有主题
    • 点击 创建一个新的设计系统
      创建设计系统

1.2 初始化主题

输入主题名称和描述

init

本平台设计系统的使用和消费的形式为公网 NPM 包,公开可检索,在自定义配置项(主题名称、主题描述等)中请勿携带个人隐私信息。

选择主题默认模式

可选择亮色模式或暗色模式作为主题的主要模式,这个选项可以在配置面板中随时更改

mode

1.3 初始化色相和色阶

在左侧面板中输入主题色,右侧色阶会随着主题色的变化而变化, semi 会自动为您生成最美观的色盘。

brandColor

修改完颜色后,点击下一步继续

1.4 初始化字体与排版

上方可自定义基准字号、行高倍数、字体和字号倍数,下方会为你自动生成推荐的字体大小阶层,可在此处为默认 header-1 2 等设置默认字体样式。也可添加自定义字号

点击下一步继续

1.5 初始化圆角

通过滑块,调整全局圆角,右侧预览效果。

1.6 创建成功

点击页面上的 开始自定义主题 按钮来进行精细化的主题定制。