—how tight or open a layout feels
Density is the overall tightness or looseness of an interface.
It is the emotional temperature of spacing
— the balance between breathing room and compression.
Density is not a property of a single element;
it is the atmosphere created by all spacing, rhythm,
and alignment working together.
Density tells us:
Rather than decoration,
density is emotional pacing.
When we understand it,
we can describe intentions clearly.
Examples of what to say:
“Loosen the density for a calmer reading experience.”
“Increase density for a more efficient, compact layout.”
“Keep the density consistent across this section.”
“Reduce compression on small screens.”
Density is how we shape
the feel of a layout
without changing its structure.
AI can produce correct CSS and
still miss the emotional tone.
Density is how we guide that tone.
When we name the density, we tell AI:
Density turns spacing
from guesswork into intention.