SuperAPI AI 工具集

theming-system

设计与创作

查看项目

更新于 10-15 22:37

技能介绍

用途:为多品牌、多模式设计系统设计灵活的主题架构,使同一套组件库通过令牌映射支持多种视觉主题。

主要能力:采用三层架构——第一层全局令牌(原始调色板),第二层语义令牌(按用途命名的别名,主题在此层覆盖),第三层组件令牌(作用域内)。支持多种主题类型:颜色模式(浅色、深色、高对比度、暗调)、品牌主题(主品牌、子品牌、白标、季节性)、密度(舒适、紧凑、宽松)。

深色模式要点:不要简单反色,而要有意识地降低亮度;用更亮的表面表达层级而非阴影;为深色背景降低色彩饱和度;仔细测试文字可读性;提供图片与插画变体。

实现方式:CSS 自定义属性、按主题划分的令牌文件、Figma 变量模式、运行时切换。

最佳实践:令牌优先,主题从覆盖中产生;在每个主题下测试每个组件;尊重操作系统主题偏好;记录哪些令牌可主题化、哪些固定。

限制:资料未提供具体代码示例、安装命令、收费信息或平台细节。