the gentleness of edges, shadows, and transitions — shaping comfort, approachability, and visual ease
These four sub‑entries form the complete vocabulary of softness.
Visual softness is the quality of how an interface meets the eye.
Rather than being about blur or decoration
— 'visual softness' it is about pressure,
the difference between a hard edge and a soft one,
a crisp shadow and a diffuse one,
a sudden transition and a gentle easing.
Softness is the interface’s touch.
Softness can make a layout feel:
Hardness can make it feel:
Softness is the emotional texture
of structure.
Softness shapes the emotional posture of the interface:
Softness is the difference between
a page that feels like a cushion
and one that feels like a tool.
Softness emerges from four main levers:
Softness is not a single property
— it is a relationship
between these elements.
Softness intentionally avoids:
Softness is restraint,
not blur.
“Increase softness with gentler edges and diffuse shadows.”
“Use softer transitions for a calmer feel.”
“Reduce shadow hardness without removing depth.”
“Keep the palette soft but not washed out.”
“Maintain consistent softness across components.”
These phrases guide touch without micromanaging CSS.
Softness shapes:
Softness is the emotional ergonomics
of design.
Tony de Araujo —New York | Lisbon