vocabulary:css_visual_vocabulary:restraint
Table of Contents
Restraint
the discipline of using only what is necessary — clarity through intentional limitation
Restraint is the editorial discipline of design.
It is not minimalism;
it is purpose
— the decision to remove anything
that does not serve meaning.
Restrained interfaces feel:
- clear — no competing signals
- confident — nothing tries too hard
- intentional — every element earns its place
Restraint is the opposite of decoration,
but not the opposite of expression.
How restraint is created
- Tone — calm, controlled
- Contrast — used with precision
- Softness — gentle, not ornamental
- Expression — personality without excess
- Spacing — enough room for meaning to breathe
Why restraint matters
Restraint creates legibility.
It lets structure speak for itself.
Where Loudness and Restraint belong in the system
They are not new pillars.
They are sub‑dimensions of Tone
and modifiers of Expression.
- Loudness = how intense the tone feels
- Restraint = how disciplined the expression feels
They sit naturally under:
- Tone → loud ↔ quiet
- Expression → restrained ↔ expressive
They complete the emotional vocabulary
without expanding the structural pillars.
Tony de Araujo —New York | Lisbon
vocabulary/css_visual_vocabulary/restraint.txt · Last modified: by editor