Feel-Words: The Vocabulary That Art-Directs AI Design

TLDR: You do not art-direct AI with CSS, you do it with adjectives. But most of the adjectives people reach for, modern, clean, sleek, professional, are the model’s defaults, so they change almost nothing. This is a copy-paste vocabulary of feel-words that actually shift the look of what you build, grouped into five layers: mood, type, color, space, and detail. Pick one accurate word per layer, stack three or four that agree, and the same model that kept handing you a template starts handing you a page with a point of view.

Here is the thing nobody tells you about designing with AI: the model is a very good designer who will do exactly what you say, and will guess when you do not. The quality of the guess is the problem. Ask for “a clean, modern landing page” and the model has no direction, so it reaches for the safest choices it knows, and you get the page everyone else gets. To art-direct AI well, you do not need to learn design. You need a small vocabulary of the right words.

That is what this article is. Not tips, a vocabulary. A working list of feel-words that carry real visual meaning, so you can point the model at a specific look instead of leaving it to average. If you have read how to make AI pages look less generic, this is the companion to it: that piece explains why the defaults happen, this one hands you the words to escape them.

Why “make it modern and clean” does nothing

Start with the words that feel like design direction but are not. “Modern.” “Clean.” “Sleek.” “Professional.” “Minimal.” “Elegant.” They sound like taste. They are actually the model’s home base. When a prompt gives no direction, a well-trained model produces something modern, clean, and professional by default, because that is the least-likely-to-be-wrong choice. So when you then ask for modern and clean, you are asking for what it was already going to do. Zero new information.

Compare that to a word like “editorial,” or “brutalist,” or “warm and grainy.” Each of those points away from the average toward a specific place. That is a feel-word: an adjective that carries a whole set of type, color, spacing, and layout decisions the model already understands. Your job is not to describe those decisions. Your job is to say the word that triggers them.

The five layers of a feel-word direction

Good visual direction is not one word, it is a small stack, one word per layer. Think of a page as five decisions the model has to make. Give it a word for each and you have removed the guesswork without writing a single line of styling.

1. Mood is the personality. What kind of thing does this feel like?
2. Type is how the words look. This layer does more heavy lifting than any other.
3. Color is the palette’s temperature and contrast.
4. Space is density: how much room things get to breathe.
5. Detail is the finish: edges, shadows, texture, the small stuff.

You do not always need all five. Three accurate words usually beat five vague ones. Below is the vocabulary for each layer, with what each word actually does.

Mood words: pick the personality

This is the anchor. The mood word sets the room everything else lives in. Reach for one of these instead of “modern.”

Say the word, then, if you have one, name a reference: “editorial, like a print magazine feature” or “techy, like a developer tools startup.” A reference sharpens the word without you having to explain it.

Type words: the layer that does the most

If you change one thing about an AI page, change the type. It carries more of the “does this look designed” signal than color or layout. These words steer it.

• Oversized / display type: huge headlines that dominate the top of the page. Instantly looks intentional.
• Condensed: tall, narrow letters. Reads as confident and modern-editorial.
• Serif-driven: serifs for headings and sometimes body. Reads as trustworthy, literary, expensive.
• Monospace: code-style type. Reads as technical, precise, a little raw.
• Mixed pairing: one distinctive heading face plus one clean body face. This alone lifts a page out of the single-sans-serif default.
• Tight tracking or loose tracking: pull letters together for density, or space them out for an airy, upmarket feel.

A single line does it: “Use a serif display face for headings and a clean sans for body, with tight heading tracking.” That sentence changes a page more than any color instruction.

Color words: temperature and contrast, not hex

You can hand the model exact hex codes, and for a real brand you should. But when you are exploring a feel, temperature words are faster and often better.

The most reliable color instruction of all is a constraint: “one accent color, everything else neutral.” Restraint reads as taste. A page that uses two colors well looks more designed than one that uses six.

Space and detail words: the finish

The last two layers are where a page stops looking like a draft.

Space words control density. “Airy” and “generous” tell the model to add whitespace, which is the cheapest upgrade there is; crowded pages read as amateur, roomy pages read as calm and premium. “Dense” or “compact” go the other way on purpose, useful for a dashboard or a data-heavy report where scanning matters. There is more on that judgment call in how to make a dashboard with AI.

Detail words set the finish:

• Flat: no shadows or gradients, pure color and shape. Crisp and current.
• Soft: gentle shadows, rounded corners, subtle depth. Approachable.
• Glassy: frosted, translucent panels with blur. Modern and slick, use sparingly.
• Grainy: a fine noise texture over flat color. Warm, tactile, anti-generic.
• Sharp: hard edges, square corners, thin precise lines. Reads as engineered.
• Bordered: visible outlines around elements. Structured, a little brutalist.

“Flat with grainy texture and soft shadows on cards” is a full finish spec in nine words.

Putting it together: one line per layer

Here is the whole method as a copy-paste block. Fill in one word per layer, drop the ones you do not need, and paste it at the end of your build prompt.

Art direction for this page:
- Mood: [editorial / brutalist / playful / luxe / techy / organic / retro]
- Type: [oversized display headings + clean sans body, with a serif accent]
- Color: [muted, warm, one accent color, everything else neutral]
- Space: [airy and generous, lots of whitespace]
- Detail: [flat with a subtle grain texture and soft card shadows]
Apply this consistently across the whole page. Do not introduce extra
colors or fonts outside this direction.

That last sentence matters as much as the words. Without it the model tends to drift, adding a new gradient here and a second accent there. Pinning the system down keeps a long page coherent. For the deeper version of building and holding a system, see how to iterate on AI-generated pages.

Steal these: complete style recipes

Sometimes you do not want to assemble a direction, you want to grab one that works. Each of these is a coherent stack, all five layers already agreeing with each other. Paste one and tweak.

Warm indie SaaS (friendly but credible):

Mood: organic and warm. Type: a rounded sans for headings, clean sans body,
oversized hero headline. Color: warm neutrals with one earthy accent, muted.
Space: airy and generous. Detail: flat with a subtle grain texture and soft
shadows. One accent color only, applied consistently across the whole page.

Editorial long-read (for reports and essays):

Mood: editorial, like a print magazine feature. Type: serif display headings,
serif body at a comfortable reading size, tight heading tracking. Color:
near-black text on warm off-white, one restrained accent for links and pull
quotes. Space: wide margins, a single readable column. Detail: minimal,
flat, hairline rules between sections. Keep it disciplined and consistent.

Bold brutalist portfolio (memorable and cheap to build):

Mood: brutalist and confident. Type: oversized condensed sans headlines,
monospace labels and captions. Color: pure black on white with one loud
electric accent, high-contrast. Space: dense and structured on a visible grid.
Detail: heavy black borders, square corners, no shadows. Do not soften it.

Luxe boutique (for premium products or events):

Mood: luxe and quiet. Type: a thin elegant serif for headings with loose
tracking, minimal sans body. Color: deep muted palette, near-black and
cream, one jewel-tone or gold accent. Space: very generous, lots of negative
space. Detail: soft, subtle, understated. Restraint over decoration everywhere.

Recipes like these travel well across page types. The same “editorial long-read” direction that suits a report also suits a resume site or an about page. For a resume specifically, make a resume website with AI walks the rest of the way.

One rule: do not stack words that fight

The failure mode is combining feel-words that pull in opposite directions. “Minimal but maximal.” “Corporate and playful.” “Luxe and brutalist.” When you hand the model contradictions, it splits the difference, and splitting the difference lands you right back in the generic middle you were trying to leave. Pick a lane. Coherence is what reads as taste. Three words that agree beat six that argue.

From art direction to a link people can see

Once the feel is right, you are holding something worth showing off, and this is exactly where all the care usually leaks away. People art-direct a genuinely good page, then screenshot it into a message or export it to a flat PDF, and every deliberate choice you just made, the grain, the hover states, the type at its real size, gets flattened into a picture. The whole point of a designed page is that it is a page, not an image of one.

The clean finish is to publish it as a live link. Take the self-contained HTML your prompt produced, or a ZIP for a multi-file project, and hand it to VisiblePage. You get a live URL in seconds, no build step and no toolchain, and the page renders exactly as you directed it: real fonts, real spacing, real interactions, fast from the edge. Because design is iterative, you can update the page without changing the link every time you refine a feel-word and re-generate, so the people you shared it with always see the latest look. And when a page is a client deck or an unlaunched product, you can publish it password-protected instead of public.

Try it now: Publish your art-directed AI page with VisiblePage and get a live link in seconds.

Frequently asked questions

How do you describe a design style to AI without knowing design terms?

You use feel-words: concrete adjectives that carry a whole visual direction. Say editorial, brutalist, warm, airy, muted, or high-contrast, and the model translates each one into type, color, spacing, and layout choices. You are not writing CSS, you are pointing. A short stack of three or four accurate feel-words moves an AI page further than a paragraph of vague requests like “make it look nice.”

What are good adjectives to make AI output look better?

Pick one word per layer. Mood: editorial, playful, luxe, techy, or organic. Type: condensed, oversized, serif-driven, or monospace. Color: muted, high-contrast, earthy, or jewel-tone. Space: airy or dense. Detail: flat, glassy, grainy, or soft. One accurate word from each layer gives the model a full direction instead of a default.

Why does asking AI to “make it modern and clean” not work?

Because modern and clean are the model’s defaults already. They describe the safe average it reaches for with no direction, so they change almost nothing. Trade them for words with an actual point of view, like editorial, brutalist, or warm and grainy, and the output stops looking like a template.

Can I combine multiple style words in one AI prompt?

Yes, and you should, but keep them coherent. Three or four feel-words that agree, like warm, editorial, muted, and airy, compound into a clear direction. Words that fight each other, like minimal and maximal, or corporate and playful, confuse the model and average back to generic. Pick a lane, then stack words inside it.

How do I share the page once the look is right?

Publish it as a live link so the real design reaches people, not a screenshot. With VisiblePage you paste the HTML or drop a ZIP and get a live URL immediately, with every font, hover, and interaction rendered exactly as you art-directed it.

The short version

AI will build whatever you can name. The reason so many AI pages look the same is that people name the defaults: modern, clean, professional. Swap those for feel-words with a point of view, one for mood, one for type, one for color, one for space, one for detail, and keep them coherent, and you art-direct the output without touching a line of code. Then publish the result as a link, so the look you just dialed in is the look everyone actually sees.