间距 · 设计系统 · iantype.com

间距基础

展示

系统样例

00

10.25rem

20.5rem

30.75rem

41rem

51.25rem

61.5rem

82rem

102.5rem

123rem

164rem

205rem

246rem

328rem

4010rem

Token

1 个分类

名称	类型	浅色	深色	预览
`global.spacing.0`间距 0	dimension	`0`	`0`	Aa
`global.spacing.1`间距 1	dimension	`0.25rem`	`0.25rem`	Aa
`global.spacing.2`间距 2	dimension	`0.5rem`	`0.5rem`	Aa
`global.spacing.3`间距 3	dimension	`0.75rem`	`0.75rem`	Aa
`global.spacing.4`间距 4	dimension	`1rem`	`1rem`	Aa
`global.spacing.5`间距 5	dimension	`1.25rem`	`1.25rem`	Aa
`global.spacing.6`间距 6	dimension	`1.5rem`	`1.5rem`	Aa
`global.spacing.8`间距 8	dimension	`2rem`	`2rem`	Aa
`global.spacing.10`间距 10	dimension	`2.5rem`	`2.5rem`	Aa
`global.spacing.12`间距 12	dimension	`3rem`	`3rem`	Aa
`global.spacing.16`间距 16	dimension	`4rem`	`4rem`	Aa
`global.spacing.20`间距 20	dimension	`5rem`	`5rem`	Aa
`global.spacing.24`间距 24	dimension	`6rem`	`6rem`	Aa
`global.spacing.32`间距 32	dimension	`8rem`	`8rem`	Aa
`global.spacing.40`间距 40	dimension	`10rem`	`10rem`	Aa

使用

使用规则

页面和组件通过语义或组件 Token 使用这些值。
不要在页面中复制原始值。
浅色和深色主题分别检查实际组合。