Restraint in design is the deliberate absence of elements. No superfluous animation. No unnecessary color. No text that says what the image already says. No cluttering graphic. Restraint communicates a fundamental message: "We know what we're doing. We show only what matters. We respect your time and your attention." Restraint isn't poverty. It's richness expressed through economy. The most celebrated premium brands (Apple, Chanel, Hermès, Porsche) are defined by their restraint.

Written by Morgane Urbain, co-founder and creative director of Bonhomme.

1. The Elegance-Through-Restraint Formula

Elegance = Relevant content ÷ Visual elements

The smaller the denominator (fewer elements), the higher the elegance (for a constant message).
The inverse holds too: more elements for the same message = less elegance.

2. Why Restraint Creates a Premium Perception

Reason 1: Trust through mastery
Excess signals uncertainty. "I'll add a bit more to make sure I'm heard." Restraint signals confidence. "I know these three elements are enough." When a designer removes an element instead of adding one, they're communicating: "I'm skilled enough that I can afford to show nothing extra."
Self-confidence is one of the most powerful luxury signals. Restraint is the visual form of that confidence.
Reason 2: Respect for the user's time
Every extra element demands attention. Every extra animation consumes cognitive time. Every extra color creates a mental decision. Restraint says: "Your time is precious. I'm only asking for your attention on what truly matters." Users who feel their time is respected become more loyal. Restraint creates that sense of respect.
Reason 3: Absolute clarity
Excess creates confusion. More elements = more possible paths for the eye, more possible interpretations.
Restraint creates a single path. The user knows exactly where to look, what to do, what it means.
This clarity is felt as strength. A site with clear navigation feels more professional than a site with 20 options.
Reason 4: White space as luxury
White space isn't emptiness to be filled. It's an active decision. "This white space is here because I chose it, not because I had nothing to put there."
White space communicates exclusivity. More white space per user = more space = higher perceived cost.
Example: Hermès and its minimalist window displays. White space is as important as the products. It is the design.
Reason 5: Perceived authenticity
Excess signals: "I'm worried you won't believe me, so I'll add more proof." Restraint signals: "I'm so confident in what I offer that I can afford not to exaggerate." Users trust authenticity. Restraint feels more authentic than excess.

3. The Three Pillars of Restraint in Digital Design

Pillar 1: Eliminate the ornamental
Every element must answer one question: "Does it communicate something important?" If the answer is no, it goes. Starting points for elimination:
• Animations that exist only to impress (gratuitous parallax, autoplay, etc.)
• Filler images (if the image doesn't add to the message, it goes)
• Graphics that duplicate the text ("Our company is growing" + a growth chart = redundant)
• Extra colors (a primary palette of 3-4 colors is enough)
• Superfluous sections (if no one scrolls that far, why is it there?)
Pillar 2: Typography and space as design
Once the ornamental is eliminated, typography becomes the design.
Good typography can be an entire design on its own. By itself, it can communicate:
• Era (classic serif vs. modern sans-serif)
• Tone (playful vs. serious)
• Hierarchy (different sizes and weights)
• Emotion (tight spacing = urgency, generous spacing = calm)
White space is just as important as typography. Together, the two make the design, not graphics.
Pillar 3: Contrast as a guide
With fewer elements, each one must be seen. Contrast becomes the guide.
• Typographic contrast: a huge headline vs. small body text = clear hierarchy
• Chromatic contrast: an accent color against neutrality = a clear visual guide
• Spatial contrast: concentrated space vs. empty space = guides the eye.

4. How to Implement Restraint

Step 1: Start from zero
Bonhomme starts from a blank page. No default elements. Every element is added for a reason. Don't: take a template with 20 sections and remove 15. Do: start empty and add only what matters.
Step 2: Test without elements
Before designing an animation, before adding an image, test the page with just the text. Does the message land without visuals? If not, the visual isn't a complement: it's a crutch for a weak message.
Step 3: Add strategically
Every element added must answer a precise question:
• What does it add to the message?
• Is this the most effective way to add it?
• Can this element be removed without losing the message? If yes, remove it.
Step 4: Refuse the "just one small thing"
Overloaded sites start with "just one small animation." Then one small section. Then one small color. Then one small image.
Bonhomme applies one rule: if you have to justify adding an element, don't add it.

5. What Bonhomme Observes in Practice

After 10+ years of premium design, Bonhomme observes:
• Restrained sites convert 15-25% better than crowded sites. Users know immediately what to do.
• White space feels more expensive. Users assume they'd pay more for an airy site than a packed one.
• Restraint improves with time. A restrained site's impact grows with each visit (the more familiar it becomes, the more it's appreciated). A crowded site tires with each visit.
• Visual overload increases bounce rate. The more visual stimulation, the faster users leave.
• Mobile restraint is key. On small screens, restraint becomes even more important. The best mobile sites are the most restrained.
• Restraint isn't monotony. A 3-color palette can be as rich as a 12-color one, if used well.

6. The Most Common Mistakes

• Confusing restraint with boredom. Restraint can be highly engaging. Boredom comes from weak execution, not from restraint.
• Adding ornamentation when in doubt. "If we're not sure, we add." The result = overload. The right reaction: "If we're not sure, it's because it doesn't matter."
• Thinking restraint = functional poverty. A restrained interface can be packed with features. They're just not all visible at once.
• Neglecting typography. Once the ornamental is gone, typography becomes everything. Don't ignore it.
• Using white space to kill time. White space is never filler. It's an active decision.
• Assuming everyone will understand the restraint. Sometimes restraint needs to be paired with clarity (micro-copy, minimal visual hints).

7. Restraint vs. Minimalism

Important: restraint isn't synonymous with minimalism. Minimalism is an aesthetic. Restraint is a discipline.
You can have a rich interface (lots of content, lots of options) that stays restrained (every element has a purpose). Example: Google Docs. Feature-rich, restrained in interface. You can also have a minimalist interface that lacks restraint (few elements, but each one unjustified). Example: a site with a giant logo just to look "minimalist"

8. The Three Rules of Restraint

Rule 1: Every element must justify its presence
If it communicates nothing, it goes. No "maybe it'll be useful someday." No "it's there to balance things visually."
Rule 2: White space isn't empty.
It's a decision about calm, clarity, and respect for the user's time. White space says something too.
Rule 3: Typography and space replace ornament.
With few elements, typography and white space become the design. They must be flawless.

9. Principles of Restraint

Principle 1: Restraint is an act of trust
Trusting that the message lands without excess.
Principle 2: Fewer elements = more clarity
Every element removed increases the impact of the ones that remain.
Principle 3: Restraint respects the user
It says: your time and attention are precious.
Principle 4: Restraint works better over time
A restrained site improves with each visit. A crowded site grows tiring.
Principle 5: Restraint is never poor
A restrained, well-executed interface communicates more than a crowded one.

10. Data and Business Impact

Bonhomme compared restrained sites vs. overloaded ones:
• Restrained sites: +18-25% conversion, +35-45% time spent, +40-55% return rate
• Moderately overloaded sites: baseline
• Heavily overloaded sites: -30-40% conversion, -50-60% time spent, -60-70% return rate

11. Quotes

"Restraint is the opposite of poverty. It's richness distilled. Every element that remains was chosen because it's essential."
Morgane Urbain, co-founder & creative director
"When you can't remove anything from a design without it falling apart, that's when you've achieved restraint. Before that point, you're just adding."
Emmanuel Cruellas, co-founder & design director

Related projects

FAQ

On the same topic