kuma-base

base for kuma

Usage no npm install needed!

<script type="module">
  import kumaBase from 'https://cdn.skypack.dev/kuma-base';
</script>

README

kuma-base

概念

COLORS

品牌色、中立色、功能色为颜色的基础框架,UI设计中的任何颜色都要在此框架下产生,调色板中包含设计中的所有颜色。建议品牌色中基准色位于调色板中的中间位置,方便与向深浅两个方向拓展。

品牌色

品牌色分主品牌色和品牌辅助色。品牌核心颜色,代表品牌对外形象及VI识别。主色的数量根据品牌特性制定,可以1个也可以多个。用于主要Button、ICON等需要突出品牌特征的地方。主品牌色来源于品牌的代表色颜色,通常来源于LOGO。子品牌、子服务等衍生业务可以由次级品牌色构成,也可以由主品牌色构成,主要依据品牌策略和业务模式。

中立色

灰或饱和度低的颜色(如蓝灰)用与界面设计中背景、边框、分割线、ICON、中立插图等。

功能色

分类:信息提示类 、连接色类。用于UI设计中需要引起注意的设计。如:流程中的进度、提醒、成功等。

关于上一个版本的 kuma 兼容

老版本中的变量在新版本中保留,保存在 memories 目录下,开发人员在开发新的变量时,请注意核对是否冲突。

如何开发

git clone git@github.com:uxcore/kuma-base.git
cd kuma-base
npm install
npm start

如何发布

  • 修改 HISTORY.md
  • 修改 package.json 版本号
  • 执行 npm run pub