17 - Vue3 UI Framework - 配色面板

JeremyUI 为了避免视觉传达差异,使用一套特定的调色板来规定颜色,为你所搭建的产品提供一直的外观视觉感受。
返回阅读列表点击 这里

通常颜色

JeremyUI 主要品牌颜色是鲜艳、友好的紫色。

Common Color

#8C6FEF

主色

Brand Color

#29ADFA

辅助色

除了主色外的场景色,需要在不同的场景中使用(比如警告色表示警告的操作)。

Success

#67C23A

Warning

#E6A23C

Danger

#F56C6C

Info

#909399

中性色

中性色用于文本、背景和边框颜色。通过运用不同的中性色,来表现层次结构。

主要文字

#303133

一级边框

#DCDFE6

基础黑色

#000000

常规文字

#606266

二级边框

#E4E7ED

基础白色

#FFFFFF

次要文字

#909399

三级边框

#EBEEF5

透明

transparent

占位文字

#C0C4CC

四级边框

#F2F6FC

项目地址 🎁

GitHub: https://github.com/JeremyWu917/jeremy-ui

官网地址 🌍

JeremyUI: https://ui.jeremywu.top

订阅号


长按关注公众号 ⌈全栈民工⌋ 🎉

原创技术文章第一时间推送 🙌

感谢阅读 ☕

posted @ 2022-01-13 13:21  Jeremy.Wu  阅读(78)  评论(0编辑  收藏  举报