未登录
已登录
老版
新版
色号 | 使用场景 | ||
---|---|---|---|
重要 | #487ae5 |
用于特别需要强调和突出的文字、按钮和icon如首页人口与界面相关按钮、icon、提示等 |
|
#f24d4a |
用于重要及文字信息、内容标题信息重点突出、如价格、重点按钮、标签 |
色号 | 使用场景 | ||
---|---|---|---|
一般 | #333333 |
用于重要及文字信息、内容标题信息如Tab名词,业务名词,大板块标题等 |
|
#666666 |
用于普通级段落信息、用户名、icon等业务内容,编辑信息,数值等 |
||
#888888 |
用于辅助、次要的文字信息如业务时间说明,相关备注信息 |
||
#999999 |
用于辅助、次要的文字信息、icon等 |
||
#b2b2b2 |
用于辅助、次要的文字信息 |
色号 | 使用场景 | ||
---|---|---|---|
较弱 | #f2f4f5 |
用于内容区域底色 |
|
#e7e8ea |
用于分割模块的标题栏底色、动态资源底色 |
||
#dadbdd |
用于分割线 |
样式 | 字号 | 建议行距 | 使用场景 | |
---|---|---|---|---|
重要 | 标准字 | 48px | 63px |
用于导航栏标题 |
标准字 | 45px | 60px |
用于重要文字或者操作按钮如业务标题和搜索结果等 |
样式 | 字号 | 建议行距 | 使用场景 | |
---|---|---|---|---|
一般 | 标准字 | 42px | 57px |
用于大多数文字如内容介绍标题地方 |
标准字 | 36px | 50px |
用于内容文字介绍如业务内容,办理流程介绍等 |
样式 | 字号 | 建议行距 | 使用场景 | |
---|---|---|---|---|
较弱 | 标准字 | 30px | 45px |
用于辅助文字如备注、提示说明等 |
标准字 | 24px | 42px |
用于极少辅助性文字如时间,提示说明等 |
充值:
业务办理:
充值:
业务办理:
大宫格180-80
小宫格144-80