How we express the quiet qualities of a design without triggering unnecessary changes

_{—Part of CSS Primer for the AI Era — CSS Communication Toolkit}

In Style, AI tends to overreach.
In Tone, it tends to misread us.
In Restraint, AI tends to ignore the system.

When humans see:

• quietness
• confidence
• warmth
• neutrality
• subtlety
• emphasis

AI sees:

• colors
• shadows
• borders
• font sizes
• spacing values

So the next communication skill is simple:

We describe the tone and restraint of the design
so AI understands the feeling we want,
not just the mechanics.

When we express style as intention
rather than technique,
AI stays aligned with the systemM.

When we simply say:

“Make this look better”

“Make this more modern”

“Make this cleaner”

“Make this stand out”

AI must decide on its own:

• what “better” means
• what “modern” means
• what “cleaner” means
• what “stand out” means

These words describe taste,
not intention.

A simple truth:

Style becomes clear
when we name the purpose,
not the aesthetic.

So, we name the purpose.

Every style request falls into
one of three dimensions:

1. Tone
   How the element should feel.
2. Emphasis
   How much visual attention it should attract.
3. Restraint
   How much decoration is appropriate.

When we name the dimension,
AI stops guessing.

Tone is the emotional quality of the design.

We say:

“We want this section to feel quiet.”

“We want this button to feel confident but not loud.”

“We want this card to feel neutral and supportive.”

“We want this heading to feel calm, not aggressive.”

We avoid:

“Make this subtle.”

“Make this bold.”

Tone is not a property
— it is a relationship.

Emphasis is how we guide attention.

We say:

“We want this element to be the primary anchor.”

“We want this label to be secondary.”

“We want this button to be visually subordinate to the title.”

“We want this section to support the main content, 
not compete with it.”

We avoid:

“Make this bigger.”

“Make this smaller.”

Emphasis is not size
— it is purpose.

Restraint is how we avoid noise.

We say:

“We want minimal decoration.”

“We want soft shadows, if any.”

“We want borders only where they clarify structure.”

“We want this to feel understated.”

We avoid:

“Make this pretty.”

“Make this modern.”

Restraint is a design choice,
not an aesthetic flourish.

We anchor the request with constraints:

“Use only the existing color scale.”

“Follow the spacing scale.”

“Do not introduce new decorative elements.”

“Do not change the typography.”

“Do not alter the hierarchy.”

A simple principle:

Style becomes dangerous
when it escapes the system.

So, we keep it inside the system.

A complete style request looks like this:

“We want this section to feel quiet and supportive.
Keep the hierarchy subtle.
Use the existing color scale.
Do not introduce new shadows or borders.”

Or:

“We want this card to feel confident but not loud.
Maintain the existing rhythm.
Keep the typography unchanged.
Use minimal decoration.”

Or:

“We want this heading to be the primary anchor.
Keep the tone calm.
Avoid heavy borders or strong colors.
Stay within the design system.”

This is how we describe style without ambiguity.

When we communicate style clearly:

• AI stops guessing
• AI stops over‑decorating
• AI stops redesigning
• AI stays within the system
• the tone stays coherent
• the hierarchy stays intact
• the collaboration stays calm

A simple reminder:

Style is not an aesthetic layer.
Style is the expression of purpose.

When we describe style, tone,
and restraint clearly:

• we protect the design system
• we protect the hierarchy
• we protect the tone
• we protect the collaboration

A closing thought:

We name the tone.
We name the emphasis.
We name the restraint.
And AI shapes the surface with clarity.

• Suggested Next Reading: How to Communicate Uncertainty

_{Tony de Araujo —New York | Lisbon}

• Top↑
• Back to Topic ↔
• Home←