UI设计系统
入厂资质审核平台 v1.0

设计系统规范

统一的UI设计规范,确保Web端、移动端H5、小程序各端界面一致性

品牌主色

青蓝色系 - 专业、可信赖

50
100
200
300
400
500
600
700
800
900

功能色

用于表示不同状态和语义

成功

emerald-500

警告

amber-500

错误

red-500

信息

blue-500

中性色

用于文字、边框、背景等

文字色阶

primary
secondary
tertiary

背景色阶

primary
secondary
tertiary

渐变色

品牌渐变与功能渐变

主渐变

from-teal-500 to-cyan-500

成功渐变

from-emerald-500 to-emerald-600

信息渐变

from-blue-500 to-blue-600

暖色渐变

from-amber-500 to-orange-500