Spacing

A 4dp-based scale. Numbered suffixes match the Figma variable names. Use AppSpacing.* in KMP and the --spacing-* custom property on the web. A few KMP steps have no web token yet — shown as .

ScaleSizeTokenWebKMP
2 dp / 0.125remspacingHalf—AppSpacing.spacingHalf
4 dp / 0.25remspacing1--spacing-1AppSpacing.spacing1
8 dp / 0.5remspacing2--spacing-2AppSpacing.spacing2
12 dp / 0.75remspacing3--spacing-3AppSpacing.spacing3
16 dp / 1remspacing4--spacing-4AppSpacing.spacing4
20 dp / 1.25remspacing5--spacing-5AppSpacing.spacing5
24 dp / 1.5remspacing6--spacing-6AppSpacing.spacing6
28 dp / 1.75remspacing7--spacing-7AppSpacing.spacing7
32 dp / 2remspacing8--spacing-8AppSpacing.spacing8
36 dp / 2.25remspacing9--spacing-9AppSpacing.spacing9
44 dp / 2.75remspacing11--spacing-11AppSpacing.spacing11
72 dp / 4.5remspacing18—AppSpacing.spacing18
92 dp / 5.75remspacing23--spacing-23AppSpacing.spacing23
96 dp / 6remspacing24—AppSpacing.spacing24