颜色规范
| 色调 | 使用场景 | |
|---|---|---|
| 主色调（重要） | ||
| #FF6600 | 用于一级按钮颜色色值 | |
| #CC5200 | 用于一级按钮操作色值 | |
| #2577E3 | 用于二级按钮颜色，文字链色值 | |
| #1E5FB6 | 用于二级按钮操作色值 | |
| 辅色调（重要） | ||
| #FFA970 | 用于次重要强调的信息提示 | |
| #FF9046 | 用于次重要操作 | |
| #7EB6FF | 用于次重要信息提示等 | |
| #529CFF | 用于次重要操作 | |
| 文字（一般） | ||
| #333333 | 用于次重要强调的按钮，信息等 | |
| #666666 | 用于次重要操作 | |
| #999999 | 用于次重要信息提示等 | |
| #CCCCCC | 用于输入框暗提示文字 | |
| 较弱 | ||
| #E3E3E3 | 用于不可编辑以及分割线、标签表单描边 | |
| #F4F4F4 | 用于背景颜色 | |
| 反馈 | ||
| #F4333C | 用于报错、逾期 | |
| #09BB07 | 用于正确提醒、提示or复制 | |
字体规范
设计稿中字体为 中文：苹方字体 英文、数字、字符：helvetical Neue
| 样式 | 字号 | 建议行距 | 使用场景 | |
|---|---|---|---|---|
| 重要 | 演示文字 | 34PX | 42PX | 用于少数重要标题;如导航标题、按钮等 |
| 演示文字 | 30PX | 40PX | 用于一些较为重要的文字；如模块名称、金额等 | |
| 一般 | 演示文字 | 28PX | 38PX | 用于账户中心标题文字；比如表单标题等 |
| 演示文字 | 26PX | 36PX | 用于大多数文字；比如小标题，描述等 | |
| 弱 | 演示文字 | 24PX | 34PX | 用于大多数文字，次要副标题次要备注信息等 |
边距规范
全局 margin、padding class，命名方式为：nwd-space-gap
其中 space 值为 p、pt、pr、pb、pl、m、mt、mr、mb、ml，space 含义如下：
p: 内边距
pt：上内边距
pr：右内边距
pb：下内边距
pl：左内边距
m：外边距
mt：上外边距
mr：右外边距
mb：下外边距
ml：左外边距
gap 值为5的倍数：5、10、15、20、30、40、50，表示边距大小，单位为 px
使用以下 class 表示元素顶部内边距 5px <div class="nwd-pt-5"></div>
使用以下 class 表示元素顶部外边距 5px <div class="nwd-mt-5"></div>
其中 space 值为 p、pt、pr、pb、pl、m、mt、mr、mb、ml，space 含义如下：
p: 内边距
pt：上内边距
pr：右内边距
pb：下内边距
pl：左内边距
m：外边距
mt：上外边距
mr：右外边距
mb：下外边距
ml：左外边距
gap 值为5的倍数：5、10、15、20、30、40、50，表示边距大小，单位为 px
使用以下 class 表示元素顶部内边距 5px <div class="nwd-pt-5"></div>
使用以下 class 表示元素顶部外边距 5px <div class="nwd-mt-5"></div>