色彩系统

品牌色彩令牌,包含主色、辅助色、功能色和中性色。点击卡片复制 CSS 变量。

主色调

辅助色

功能色

中性色

字体排版

字体大小令牌系统,从 h1 到 caption。

间距系统

基于 4px 基准网格的间距令牌。

圆角

边框圆角令牌,用于卡片、按钮等元素。

阴影

层次阴影系统,创建深度和层级感。

响应式断点

响应式设计的断点令牌。