Densities

Compact spacing tokens for component internals.

Density is a responsive unit linked to UXDSL spacing (or custom pixel values). Using a single token like density(1) automatically adapts across breakpoints, eliminating manual media queries reducing coding efforts

Russian Doll Visualization

Layers:14

Content

density(1)

density(2)

density(3)

density(4)

density(5)

density(6)

density(7)

density(8)

density(9)

density(10)

density(11)

density(12)

density(13)

density(14)

DensityUsage.uxdsl

.any-class {
  padding: density(14);
}

Global Density Tokens

Update the tokens below to reflect changes in the UI.