@itsi/design-tokens v0.0.4
Living Design Tokens
本项目是 Living Design System 的一个基础组成部分,提供了 Design Tokens 的实现 。Living Design Tokens 是设计应急行业中数字产品时可视化元素设计的单一数据源。她 的主要作用是保证在整个应急行业下,各类数字产品的设计、品牌的整体一致性。同时,也 提供了定制化的能力。
Notice: 项目中使用了 Design Tokens 管理工具:Style Dictionary (https://amzn.github.io/style-dictionary/),并采用了其提供的默认分类规则。如果,你想要自定义分类规则,请参阅: API methods。
目录结构
├─src | ├─platforms 以平台为主分类的,Decision Tokens | | ├─web | | | ├─button.json5 | | | ├─input.json5 | | | ├─login.json5 | | | └typography.json5 | | ├─ios | | ├─bigscreen | | ├─android | ├─core 此目录为Option Token目录,Option Token表示一个原始值,与特定用例及场景无关,可以是颜色、字体大小或任何其他原始可视化元素。 | | ├─typography | | | └typography.tokens.json5 | | ├─spacing | | | └spacing.tokens.json5 | | ├─shadow | | | └shadow.tokens.json5 | | ├─radius | | | └radius.tokens.json5 | | ├─opacity | | | └opacity.tokens.json5 | | ├─motion | | | └motion.tokens.json5 | | ├─lineweight | | | └line-weight.tokens.json5 | | ├─color | | | └color.tokens.json5 | ├─brands 以行业为主的,Decision Tokens | | ├─fire | | | └color.json | | ├─finance | | | └color.json | | ├─emergency | | | └color.json | | ├─city | | | └color.json
License
This project is under MIT license.