100 things that make your website look vibe-coded

The prompt that reviews your site and removes all 100.

  1. 001

    Pure white background

    #ffffff from top to bottom, without a single tone separating one section from another.

  2. 002

    Purple on black

    Almost black background with violet accents: the default palette of almost every AI landing.

  3. 003

    Purple to blue gradient

    In the headline, on the buttons and in the background. You spot it a mile away.

  4. 004

    Gradient text

    The headline's key word painted with a two-colour gradient.

  5. 005

    Meaningless rainbow

    Every card and every icon in a different colour, without the colour meaning anything.

  6. 006

    Glowing neon

    Fluorescent greens, cyans and pinks on dark, with a glow around them.

  7. 007

    Textbook pastels

    Mint, lavender and peach, all with the same saturation.

  8. 008

    Tailwind grey

    slate-500 for all secondary text, straight out of the box.

  9. 009

    The button blue

    The same Tailwind blue (#3b82f6) on every button and every link.

  10. 010

    Thoughtless dark mode

    The light mode inverted: muddy greys and text you cannot read.

  11. 011

    Inter for everything

    Headlines, body and buttons in the same font and the default weight.

  12. 012

    Geist or Space Grotesk

    The other two fonts any model picks when you do not tell it anything.

  13. 013

    Huge thin headlines

    80 pixels in a thin weight, taking up half the screen on a phone.

  14. 014

    Everything centred

    Headline, text and buttons centred in every section, top to bottom.

  15. 015

    Edge-to-edge paragraphs

    150-character lines that nobody reads to the end.

  16. 016

    All headings alike

    None stands out because they all weigh the same.

  17. 017

    The little label above the heading

    «FEATURES» in spaced grey capitals above every section.

  18. 018

    Default line height

    Too tight in the headlines and too loose in the body.

  19. 019

    Dancing numbers

    Digits of different widths in counters and prices, shifting when they change.

  20. 020

    Straight quotes

    "This" instead of “this”. It shows nobody proofread the text.

  21. 021

    Untouched Lucide icons

    The same 2-pixel strokes from shadcn, without changing size or weight.

  22. 022

    Emojis everywhere

    🚀 in the headline, ✨ on the buttons and one in front of every bullet.

  23. 023

    The AI sparkle

    The little four-pointed star next to everything that «has AI».

  24. 024

    Icon in a little square

    Every icon inside a soft-coloured square with rounded corners.

  25. 025

    Generic illustrations

    Flat people or plastic 3D shapes that fit any company.

  26. 026

    Stock photos

    The woman smiling at her laptop and the team high-fiving.

  27. 027

    Filler faces

    The same avatars in your testimonials as on a thousand other sites.

  28. 028

    Fake company logos

    «Trusted by» with Acme, Globex or brands that have never heard of you.

  29. 029

    Images that do not load

    A grey box or an Unsplash photo that no longer exists.

  30. 030

    Phone with a made-up screen

    An iPhone showing an app that is not your product.

  31. 031

    Three cards in a row

    Icon, three-word title and two lines, three times, under the hero.

  32. 032

    The usual hero

    Label, headline, subheading, two buttons and an image on the right.

  33. 033

    The usual two buttons

    A filled «Start for free» and an outlined «Watch demo», in every hero.

  34. 034

    Bento grid

    The grid of boxes in different sizes, even when your content does not need it.

  35. 035

    Terminal window

    The three coloured dots with a command inside, on a site that is not for developers.

  36. 036

    Ticks on every list

    A green check in front of every bullet, whether it is a benefit or not.

  37. 037

    Three pricing plans

    Basic, Pro «Popular» and Enterprise, even if your product has one price.

  38. 038

    Coloured stripe on the left

    A thick coloured border on cards, notices and quotes.

  39. 039

    Always the same sections

    Hero, logos, features, testimonials, pricing, FAQ and final button. In that order.

  40. 040

    Questions nobody asks

    «Is it secure?», «Can I cancel?», with one-line answers.

  41. 041

    Four-column footer

    Product, Company, Resources and Legal, with half the links empty.

  42. 042

    The same gap everywhere

    The same spacing between every section, with no rhythm.

  43. 043

    Shadows on everything

    Every card floating with the same big, blurry shadow.

  44. 044

    Soft corners

    The same 16 or 24-pixel radius on buttons, cards, images and fields.

  45. 045

    Liquid glass

    Frosted glass panels over backgrounds that do not need them.

  46. 046

    Light orbs

    Blurred colour blobs behind the hero.

  47. 047

    Dot grid

    The grey dot background fading out towards the edges.

  48. 048

    Glowing borders

    The gradient border spinning around the featured card.

  49. 049

    Everything fades in on scroll

    Every block comes in with the same upward fade, again and again.

  50. 050

    Hover on everything

    Every card lifts two pixels on hover, clickable or not.

  51. 051

    Moving arrows

    The little arrow sliding on every button and every link.

  52. 052

    Counting-up numbers

    «10,000+ users» counting up from zero, with numbers that are not real.

  53. 053

    Em dashes

    Sentences broken with «—» every other paragraph. Almost nobody types them by hand.

  54. 054

    «It is not X, it is Y»

    «It is not a tool, it is a mindset shift». In every section.

  55. 055

    One-size-fits-all headline

    «Take your business to the next level». What business? What level?

  56. 056

    Brochure words

    Empower, transform, unlock, supercharge, revolutionise, seamless.

  57. 057

    Everything in threes

    «Fast, secure and scalable». Always three adjectives.

  58. 058

    Made-up testimonials

    «Sarah K., CEO», with a stock photo and a line that fits any product.

  59. 059

    Numbers without a source

    «Save 80% of your time». Says who?

  60. 060

    Subheading that repeats the headline

    Two sentences saying the same thing in other words.

  61. 061

    Leftover placeholder text

    «Lorem ipsum» or a template's sample copy still sitting on the page.

  62. 062

    Buttons that say nothing

    «Submit», «Learn more», «Get started», instead of what happens when you click.

  63. 063

    Exclamation marks!

    Everything! So! Exciting!

  64. 064

    Mixed tone

    One section talks like a friend and the next like a bank.

  65. 065

    Robot error messages

    «Error: invalid input» instead of telling you what you did wrong.

  66. 066

    No product demo

    Not one real screenshot or video. Just illustrations and empty mockups.

  67. 067

    Nobody behind it

    No name, no photo, no one who answers if something breaks.

  68. 068

    No real contact

    A form and that is it. No email, no phone, no address.

  69. 069

    A form that does not send

    You hit send and the message goes nowhere.

  70. 070

    No thank-you page

    You submit and nothing visible happens, or a browser alert pops up.

  71. 071

    Buttons that lead nowhere

    Links to «#» or to pages that error out.

  72. 072

    Fake social links

    X, LinkedIn and GitHub icons that go to each network's home page.

  73. 073

    Last year's copyright

    «© 2024» in the footer of a 2026 site.

  74. 074

    Template leftovers

    «Acme Inc.» or the sample project's name in some corner.

  75. 075

    Prices that do not add up

    «From $0» and then no way to pay.

  76. 076

    No title per page

    Every tab says the same thing, or «Create Next App».

  77. 077

    No meta description

    Google makes up the text under your link.

  78. 078

    No social image

    You share the link and a grey box shows up.

  79. 079

    The template favicon

    Vercel's triangle or Vite's bolt in the tab. Or none at all.

  80. 080

    No robots.txt

    Search engines do not know what they may read.

  81. 081

    No sitemap.xml

    Google takes weeks to find your pages.

  82. 082

    Images without alt text

    Neither Google nor screen reader users know what is in them.

  83. 083

    Headings by size

    Five H1s on the same page, or none, depending on how big they looked.

  84. 084

    No custom 404

    The framework's error page, with no way back.

  85. 085

    No custom domain

    your-project.vercel.app or a subdomain of the tool you built it with.

  86. 086

    Broken on mobile

    Text spilling out, cards that do not fit and sideways scrolling.

  87. 087

    No sticky mobile button

    The main action disappears as soon as you scroll.

  88. 088

    No loading states

    A blank page or a spinner, then everything at once.

  89. 089

    Forms that do not warn you

    You get a field wrong and it does not tell you which.

  90. 090

    Buttons that do not react

    They do not change when pressed or lock while sending, so you click three times.

  91. 091

    No visible focus

    With the keyboard you cannot tell where you are.

  92. 092

    Unreadable contrast

    Light grey on white so it «looks elegant».

  93. 093

    Layout jumps

    Buttons move when the images or fonts arrive.

  94. 094

    Slow for no reason

    3 MB of JavaScript for a single-page landing.

  95. 095

    Console full of errors

    You press F12 and there are twenty red warnings.

  96. 096

    No privacy policy

    And the site asks for your email on the first scroll.

  97. 097

    No terms

    The footer link goes nowhere.

  98. 098

    Cookies without notice

    Google Analytics installed and no banner. Or the banner, with no cookies at all.

  99. 099

    No analytics

    You do not know how many people visit or what they do.

  100. 100

    No legal notice

    In many countries, if you sell something you have to say who you are.