Why Your AI-Built Site Looks Cheap, and How to Get a Premium Design From an AI Agent

I built my own site with vibe coding. The first version looked exactly like most sites an agent builds in one prompt: identical cards in a row, an empty hero section, a random gradient on the buttons. I didn't change the tool. I changed the phrases I said to the agent.

If you're also building a site through an AI agent and the result looks worth nothing, the problem isn't the model. The problem is that "make it look nice" doesn't mean anything specific to an agent.

Why does an agent default to a site that looks cheap?

The agent isn't slacking off. It's executing the request literally. "Make it look nice" doesn't contain a single concrete rule, so the agent reaches for the average template out of the thousands of examples it trained on: cards in a row, a button in every block, a gradient background, because that's what a "modern site" looks like across most of the training data.

That doesn't mean the agent is incapable of more. It is capable, but only when it's given criteria to decide by, not a general wish. The difference between a template and a premium design isn't in the tool. It's in four specific rules you need to say out loud to the agent.

Rule 1: one focal point per block

A screen looks cheap when everything is equally important. The headline is the same size as the subheadline; three buttons sit in one block; every element shouts at once. The eye doesn't know where to look, and reads that as noise.

Ask the agent for one idea and one action per screen, everything else quieter. Phrasing for the agent: on every block of the site, leave exactly one focal point and one action button, make everything else visually quieter: smaller size and lower contrast. If a block already has a button, don't add a second one.

The check is simple. Close your eyes, open the site, and glance at the hero section right away. If you can't say in a second where your eye jumped to, there's more than one focal point.

Rule 2: no more than two fonts

A site looks cheap when the headline and body text differ by only a couple of points, or when there are more than three fonts competing with each other. An expensive-looking site isn't afraid of a large headline, because it's not trying to cram maximum text onto one screen.

Phrasing for the agent: use exactly two fonts across the whole site, one for headlines and one for body text. Make headlines at least 2.5 times larger than the body text, and keep paragraph text at a calm size, without inflating it to look more substantial.

The check: photograph the phone screen and mentally split it into headline and body text. If the boundary is obvious at first glance, there's contrast. If it all blurs into a gray blob, there isn't.

Why does a site need breathing room?

A site looks cheap when text runs right up to the edge of the screen, and the spacing between blocks is sometimes tight, sometimes loose. An expensive-looking site breathes: there's empty space around the text, and it's not random; it follows the same measure throughout.

Phrasing for the agent: set a single spacing system for the whole site, an 8-pixel step (8, 16, 24, 32, 48, 64), and use only those values. Increase block spacing to at least one and a half times the usual value, leave noticeable air between sections, and don't cut space just to fit more text on the screen.

The check: scroll through the site and notice where text touches the edge of the screen or a neighboring block. If that happens even once, there isn't enough breathing room.

How do you clean up color and grid?

A site looks cheap with a rainbow gradient on the buttons, mismatched icon colors, and ragged alignment, where one block is wider than the screen and another is narrower. An expensive-looking site holds together on one accent color and an invisible grid that everything lines up to.

Phrasing for the agent: use exactly one accent color pair plus two or three neutral shades, no gradients on backgrounds or buttons. Align every block to a single grid, with the same content width and the same edge margins on every page.

The check: screenshot every color used on the site. Count more than four or five, and the palette has sprawled. Line up your eye with the left edge of text blocks across different sections; the edge should match.

Which mistakes does the agent repeat most often during revisions?

Even after the rules are set, the agent sometimes slips back into old habits on the next round of edits. Three common cases in practice.

First: the agent adds a second button "just in case" next to the first. Revision phrase: remove the second button from this block, keep only the primary action.

Second: the agent "livens up" the site with a gradient because it decided that looks more modern. Revision phrase: replace the gradient with a solid fill in the accent color, no color transition.

Third: the agent tightens spacing to fit all the text on the first screen. Revision phrase: don't shrink the spacing to fit all the text; shorten the text instead, but keep the spacing step.

How do you check a site before showing it to clients?

Put together a short nine-question yes/no checklist: is it clear within a second where to look on each screen; is there no more than one button per block; no more than two fonts; is the headline noticeably larger than the body text; does the text avoid touching the screen edge; is the spacing between sections consistent; no more than one accent color pair; no gradients on the buttons; are the blocks aligned to the same width.

If you get fewer than seven "yes" answers out of nine, send the site back to the agent with a specific phrase from the rules above, not a general "redo this." A general phrase makes the agent guess all over again. A specific phrase fixes exactly what's broken.

What else affects the feeling of "expensive," beyond these four rules?

The four rules above close most of the gap between a template and a premium design, but not all of it. From my experience building sites with agents, there are three more things an agent almost never does on its own unless you name them separately.

First: photos and illustrations. By default, the agent pulls random stock images or draws generic icons, and that gives away the template immediately. Phrasing for the agent: use only one image or illustration per block, in a single consistent style across the whole site, no mismatched icons from different sets.

Second: the text on buttons and headlines. The agent likes generic phrases like "learn more" or "get started now." An expensive-looking site names a specific action: not "learn more," but "see 3 portfolio examples" or "book a consultation." Phrasing for the agent: replace generic button phrases with a specific action and outcome, without the words "learn" or "more."

Third: animation and motion. A site looks cheap when everything appears at once in a jolt, or, the opposite, when there's no animation at all and the page sits static like a document. An expensive-looking site has light motion on scroll: elements fade in smoothly; nothing flickers or jumps. Phrasing for the agent: add a smooth fade-in for blocks on scroll, no abrupt jolts and no animation longer than half a second.

These three points only work on top of the first four rules, not instead of them. A site with smooth animation but three fonts and a rainbow gradient will still look cheap.

What does an "expensive" design actually cost?

From what I've seen in the market, an agency landing page like this usually starts at 150,000 rubles. That's a market reference point from my own practice, not verified external statistics and not a number I made up for effect. The gap between that price tag and what an AI agent can deliver in one evening is often not about the tool; it's about the four rules above.

I'm not saying an agent replaces a designer for every task. I'm saying that for a business-card site or a landing page built around a single offer, these four phrasings almost always close the gap between "looks like a website builder" and "looks like it was made by a studio."

What's next?

I build sites like this, along with all the visuals, for experts, start to finish, with these same rules built in from day one. If you'd like to work through your own site or task with me directly, book a consultation.

And if you're just curious to see how this works in practice, come to the Telegram channel «Растём с ИИ».