主题

主题系统

从少量 seed 派生完整视觉系统:品牌色、明暗模式、风格预设、密度、圆角、对比度和动效都会同步影响组件。

Seed

accent / mode / preset

少量输入决定完整视觉方向。

Semantic

color / surface / text

语义令牌为组件提供一致含义。

Component

button / input / card

组件令牌提供安全覆盖边界。

Default / Light

Primary Selected

Illustration / Dark

Primary Selected

风格预设

Default 与 Illustration 是两套视觉语言,不是两套组件源码。切换 preset 只改变 token 与样式边界。

风格预设

开放主题算法

seed 进入派生 palette,再映射到 semantic/component tokens。输出可以复制为 CSS 变量,也能被工具理解。

开放主题算法

主题设计器

编辑 seed 值,查看派生 token,并复制确定性的 CSS 变量。

主题设计器

主题控制

紧凑密度 减少动效 插画风格 高对比度