Skip to content
Skip design navigation
Etesie Alpha

Skeleton · use

Choose spacing by relationship

Say where the space sits and how strong the relationship is. The answer is a native Skeleton utility.

Skeleton recipespacing

Pad with step 4

p-4

Native p-4 spacing on Skeleton’s base scale.

Copy recommendation 
p-4
OneTwoThree
Spacing scale · base 4px
  1. p-1 4px
  2. p-2 8px
  3. p-3 12px
  4. p-4 16px
  5. p-6 24px
  6. p-8 32px
  7. p-12 48px
  8. p-16 64px
Why this one

The relationship chooses the step; the placement chooses padding, gap, or margin. Both remain native Skeleton utilities.