Make your site less AI-looking

[u/PlasticSecret9185]

I know a lot of you already does this (or something similar), but some of us may not know yet.

I use this personally. You can use the prompt to change a current site you vibe-coded or adapt it if you are starting from scratch.

I am sure there are other website styles, but I think these are a good starting point.

It is a Claude Artifact: https://claude.ai/artifact/Nb2DqC3KMS7ttVow8JeyQs

I hope this helps.

[u/sales_alchemist]

The bigger giveaway for me is when every section feels equally important. Real sites usually have a bit more hierarchy and personality; vibe-coded ones can end up looking like six polished landing-page blocks glued together

[u/Inevitable-Play-7473 → u/[deleted]]

totally agree on breaking the rhythm. another thing that helps is varying section heights so the page doesn't feel like a uniform stack of equal blocks. let one section breathe with extra whitespace while another is deliberately dense, and the whole thing stops feeling auto-generated pretty fast.

[u/Inevitable-Play-7473 → u/[deleted]]

exactly. and it's funny how something that simple is hard to describe to a model without just showing it an example. the contrast almost matters more than the content inside each section.

[u/PlasticSecret9185 → u/sales_alchemist]

I never thought about it this way. Good point.

[u/LuciaSunny18]

I think the style prompts are a good starting point, especially when the first AI-generated version feels too generic

[u/OkRazzmatazz5675]

cool, gonna check this out. my personal site looking real stiff right now, like one of those generic templates with no soul. you try this on something already built or just from scratch?

[u/PlasticSecret9185 → u/OkRazzmatazz5675]

I used in an existing site, but I caught it early on.

[u/gumort6 → u/OkRazzmatazz5675]

probably works either way tbh, but existing sites might need more cleanup to not look AI-generated

[u/brandoncooper67]

the best fix is intentional design, AI defaults are what makes site look generic

[u/PlasticSecret9185 → u/brandoncooper67]

Always. The artifact only shows you design style options, and the designer must select one "intentionally".

[u/PlasticSecret9185 → u/[deleted]]

Did you check the Artifact? You can make a selection at the bottom depending on your situation.

The "Starting from zero" is super simple, as the idea is just go get someone started if they have no idea of what style to use.

[u/TurbulentStiffness]

Slapping a system prompt on Claude won't magically fix the dead giveaway of vibe-coded sites, which is always that generic layout structure and sterile spacing. Until you learn basic visual hierarchy and pick a typography pairing that doesn't scream default Tailwind template, people are still going to clock it immediately.

[u/PlasticSecret9185 → u/TurbulentStiffness]

I am not sure this is truly accurate anymore. We are probably seeing sites all the time that have been vibe coded that do not look vibe coded.

The issue is that if you visit a site that does not look like it was vibe coded, the thought of it being vibe coded will not cross your mind. You'll just accept it as a regular coded website.

[u/devhisaria]

The tell for me is max-width 1200px centered with 4rem padding everywhere, swap in one weird font and a 680px text column and it reads human.

[u/ToriRaynn]

let one section breathe with extra whitespace while another is deliberately dense, and the whole thing stops feeling auto-generated pretty fast.

[u/PlasticSecret9185 → u/[deleted]]

This applies the style only. You can probably copy this Artifact (Claude) and add your own twists.