順裕鐵材股份有限公司標誌順裕鐵材

顏色

專案的 Tailwind 色彩 token。每個色票直接使用對應的 CSS 變數渲染。

--color-brand-*

Brand

主要品牌與操作色彩。

50--color-brand-50
100--color-brand-100
200--color-brand-200
300--color-brand-300
400--color-brand-400
500--color-brand-500
600--color-brand-600
700--color-brand-700
800--color-brand-800
900--color-brand-900
950--color-brand-950
--color-secondary-*

Secondary

次要操作與中性輔助色彩。

50--color-secondary-50
100--color-secondary-100
200--color-secondary-200
300--color-secondary-300
400--color-secondary-400
500--color-secondary-500
600--color-secondary-600
700--color-secondary-700
800--color-secondary-800
900--color-secondary-900
950--color-secondary-950
--color-warning-*

Warning

需要留意的操作與狀態色彩。

50--color-warning-50
100--color-warning-100
200--color-warning-200
300--color-warning-300
400--color-warning-400
500--color-warning-500
600--color-warning-600
700--color-warning-700
800--color-warning-800
900--color-warning-900
950--color-warning-950
--color-danger-*

Danger

刪除、錯誤與高風險操作色彩。

50--color-danger-50
100--color-danger-100
200--color-danger-200
300--color-danger-300
400--color-danger-400
500--color-danger-500
600--color-danger-600
700--color-danger-700
800--color-danger-800
900--color-danger-900
950--color-danger-950
--color-desert-*

Desert

頁面背景、文字與溫和的中性色彩。

50--color-desert-50
100--color-desert-100
200--color-desert-200
300--color-desert-300
400--color-desert-400
500--color-desert-500
600--color-desert-600
700--color-desert-700
800--color-desert-800
900--color-desert-900
950--color-desert-950
--color-nurse-*

Nurse

邊框、停用與冷調中性色彩。

50--color-nurse-50
100--color-nurse-100
200--color-nurse-200
300--color-nurse-300
400--color-nurse-400
500--color-nurse-500
600--color-nurse-600
700--color-nurse-700
800--color-nurse-800
900--color-nurse-900
950--color-nurse-950
--color-rose-*

Rose

既有表單警告與錯誤狀態色彩。

50--color-rose-50
100--color-rose-100
200--color-rose-200
300--color-rose-300
400--color-rose-400
500--color-rose-500
600--color-rose-600
700--color-rose-700
800--color-rose-800
900--color-rose-900
950--color-rose-950