Color 顏色
2022-05-18, Yii
# | 標題 | 內容 |
---|---|---|
1 | Status | 通用 |
2 | Zeplin | https://zpl.io/bJ8zmRD |
3 | Ant Design | # |
4 | Web | # |
5 | App | # |
定義
- 主題色與輔助色
- 文字色
- 功能色
- 線條&背景
何時使用
買賣系統中一旦關乎顏色使用時,即需參考此顏色規範。
規則
MyMind 主題色與輔助色
主題色即品牌色,整體頁面的風格調性。使用在選單、按鈕等頁面的關鍵位置。 輔助色是主色的延展,主要體現在選單等次級操作場景。
主題色#004477
輔助色#F5A700
My Jia 主題色
主題色即品牌色,整體頁面的風格調性。使用在選單、按鈕等頁面的關鍵位置。
主題色#2a58ae
文字色
一般常用規範字體顏色。主要為標題、文本內容、連結等。
主要文字#545454
按鈕文字、次級文字#7F7F7F
禁用文字#B4B4B4
連結#004477
功能色
具備特定功能的顏色,應用於通知、反饋提醒、等場景中的成功、出錯、失敗、提醒、鏈接等狀態。
提示#1FA1FF
成功#1AB643
警告#F5A700
錯誤#F5222D
線條&背景
界面的背景、邊框、分割線等場景的中性色。
Header 背景色##043458
頁面背景色#F5F6F8
分割線#E5E5E5
按鈕、輸入框線#CCCCCC