<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Nuzairb</title>
    <description>The latest articles on DEV Community by Nuzairb (@nuzairb).</description>
    <link>https://dev.to/nuzairb</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F62581%2Fcda8cf6e-cd46-480e-8cd4-e0ad7f343793.png</url>
      <title>DEV Community: Nuzairb</title>
      <link>https://dev.to/nuzairb</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/nuzairb"/>
    <language>en</language>
    <item>
      <title>Does your website look AI-generated? 12 tells and what to fix first</title>
      <dc:creator>Nuzairb</dc:creator>
      <pubDate>Fri, 13 Nov 2026 10:56:53 +0000</pubDate>
      <link>https://dev.to/nuzairb/does-your-website-look-ai-generated-12-tells-and-what-to-fix-first-2ln3</link>
      <guid>https://dev.to/nuzairb/does-your-website-look-ai-generated-12-tells-and-what-to-fix-first-2ln3</guid>
      <description>&lt;p&gt;&lt;em&gt;Originally published on &lt;a href="https://www.pixelary.studio/blog/website-looks-ai-generated" rel="noopener noreferrer"&gt;pixelary.studio&lt;/a&gt;.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Short version&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Most generated sites share the same twelve tells across colour, layout, type, copy and detail.&lt;/li&gt;
&lt;li&gt;Fix copy and the hero first: they are seen by everyone and cost the least to change.&lt;/li&gt;
&lt;li&gt;Then colour and type, then real product imagery, then the details.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;You do not need a detector to spot a generated website. You need about five seconds. The same patterns show up again and again because models learned from the same web and return its average. Here are the twelve we see most often, grouped by where they live, and the order we would fix them in.&lt;/p&gt;

&lt;h2&gt;
  
  
  Colour
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;A blue-to-purple or violet-to-pink gradient behind the hero, often with a soft glow.&lt;/li&gt;
&lt;li&gt;Gradient text on the key word of the headline.&lt;/li&gt;
&lt;li&gt;Every surface slightly tinted, so nothing is actually white or black and no colour has a job.&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  Layout
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;A centred headline, a centred subhead and two centred buttons, then three feature cards in a row.&lt;/li&gt;
&lt;li&gt;Cards inside cards, each with a rounded icon tile in the corner.&lt;/li&gt;
&lt;li&gt;Sections with identical spacing and weight, so nothing on the page is more important than anything else.&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  Type and detail
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;One sans serif at two weights for everything, from the headline to the footer.&lt;/li&gt;
&lt;li&gt;Small uppercase labels with wide letter spacing above every heading.&lt;/li&gt;
&lt;li&gt;A pulsing “New” badge, sparkle emojis or a glowing border that has nothing to announce.&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  Copy and proof
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;Headlines built from verbs like supercharge, unlock, elevate or revolutionise.&lt;/li&gt;
&lt;li&gt;Abstract 3D shapes or floating dashboards instead of the real product.&lt;/li&gt;
&lt;li&gt;Testimonials without full names, faces or companies, and stats that are suspiciously round.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;One or two of these on their own are fine. Four or more and buyers read the whole site as unconsidered, and that has a cost. We explain why in &lt;a href="https://www.pixelary.studio/blog/ai-slop-design-killing-your-brand" rel="noopener noreferrer"&gt;How AI slop design is killing your brand&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  What to fix first
&lt;/h2&gt;

&lt;p&gt;Not every tell is equal. Fix them in the order that changes the most for the least work.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;The headline and subhead. Everyone reads them and they cost nothing to change. Say who it is for and what changes, with a specific detail a competitor could not copy.&lt;/li&gt;
&lt;li&gt;The hero visual. Replace abstract shapes with a real screen of your product doing its main job.&lt;/li&gt;
&lt;li&gt;Colour. Remove the gradient, pick one colour and give it one job: the main action.&lt;/li&gt;
&lt;li&gt;Type. Keep your body face, but add one deliberate choice, such as a display face or a mono for numbers.&lt;/li&gt;
&lt;li&gt;Proof. Real names, real logos, real numbers, or nothing. Fake proof is worse than none.&lt;/li&gt;
&lt;li&gt;Detail. Remove decoration that does not explain anything, then add one signature detail you repeat everywhere.&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  A five-minute test you can run today
&lt;/h2&gt;

&lt;p&gt;Take a screenshot of your homepage and your three closest competitors. Blur the logos. Show them to someone outside the company and ask which one is yours. If they hesitate, the design is not doing its job yet.&lt;/p&gt;

&lt;p&gt;For a fuller picture, our &lt;a href="https://www.pixelary.studio/services" rel="noopener noreferrer"&gt;Taste Audit&lt;/a&gt; runs your product and site through ten checks and redesigns one key screen in a week. For the bigger picture of what to change and why, read &lt;a href="https://www.pixelary.studio/blog/stand-out-in-the-age-of-ai-design" rel="noopener noreferrer"&gt;How to stand out in the age of AI design&lt;/a&gt;, or see a generated dashboard turned into a product in the &lt;a href="https://www.pixelary.studio/work/evenly" rel="noopener noreferrer"&gt;Evenly case study&lt;/a&gt;.&lt;/p&gt;

</description>
      <category>design</category>
      <category>webdev</category>
      <category>ai</category>
      <category>branding</category>
    </item>
    <item>
      <title>How to stand out in the age of AI design</title>
      <dc:creator>Nuzairb</dc:creator>
      <pubDate>Fri, 13 Nov 2026 10:56:37 +0000</pubDate>
      <link>https://dev.to/nuzairb/how-to-stand-out-in-the-age-of-ai-design-3dgj</link>
      <guid>https://dev.to/nuzairb/how-to-stand-out-in-the-age-of-ai-design-3dgj</guid>
      <description>&lt;p&gt;&lt;em&gt;Originally published on &lt;a href="https://www.pixelary.studio/blog/stand-out-in-the-age-of-ai-design" rel="noopener noreferrer"&gt;pixelary.studio&lt;/a&gt;.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Short version&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;In the AI design era, the advantage moved from making things to deciding things.&lt;/li&gt;
&lt;li&gt;Seven decisions do most of the work: a name, a mark, one colour, a type pairing, real product screens, specific copy and one signature detail.&lt;/li&gt;
&lt;li&gt;Use AI to go faster. Do not let it choose for you.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  The edge moved from making to deciding
&lt;/h2&gt;

&lt;p&gt;Until recently, the hard part of design was production. Drawing the screens, building the site, getting the spacing right. AI made production cheap. A founder can generate a landing page, a logo and a pitch deck before lunch.&lt;/p&gt;

&lt;p&gt;What AI did not make cheap is judgement: knowing which of a hundred options is right for this product, these buyers and this moment. That is now where brands are won or lost. If you let the model decide, you get &lt;a href="https://www.pixelary.studio/blog/ai-slop-design-killing-your-brand" rel="noopener noreferrer"&gt;the average answer&lt;/a&gt;, and so does everyone else.&lt;/p&gt;

&lt;p&gt;Here are the seven decisions we make on every project at Pixelary. None of them needs a big budget. All of them need someone to actually choose.&lt;/p&gt;

&lt;h2&gt;
  
  
  1. A name with a reason behind it
&lt;/h2&gt;

&lt;p&gt;Generated names sound like generated names: two syntactic chunks and a “-ly” or “-ify”. A good name carries a story you can tell in one sentence. &lt;a href="https://www.pixelary.studio/work/waggle" rel="noopener noreferrer"&gt;Waggle&lt;/a&gt;, an email automation tool, is named after the dance bees use to show the hive where to go, which is exactly what an automation does for each subscriber. &lt;a href="https://www.pixelary.studio/work/evenly" rel="noopener noreferrer"&gt;Evenly&lt;/a&gt; is the outcome every bookkeeper wants: invoices and payments that come out even.&lt;/p&gt;

&lt;p&gt;Test: can you explain why the name fits in one breath? If not, keep going.&lt;/p&gt;

&lt;h2&gt;
  
  
  2. A mark that explains the product
&lt;/h2&gt;

&lt;p&gt;The fastest way to look generic is an abstract swoosh or a gradient orb. A mark that is drawn from the product itself is instantly ownable. Waggle’s W is drawn as five workflow nodes joined by edges, with the same handles as the nodes in the editor. &lt;a href="https://www.pixelary.studio/work/stride" rel="noopener noreferrer"&gt;Stride&lt;/a&gt;’s mark is three cards stepping up across three columns of a board. People remember marks that mean something.&lt;/p&gt;

&lt;h2&gt;
  
  
  3. One colour, used with intent
&lt;/h2&gt;

&lt;p&gt;AI palettes reach for the same blue-to-violet gradient because that is what “modern tech” looked like in the training data. Pick one colour that is yours and use it for one job: the action that matters. Everything else stays quiet. Restraint is memorable because it is rare.&lt;/p&gt;

&lt;p&gt;Pixelary’s own identity is four pixels with one lit in cobalt, and no gradients anywhere. It is not complicated. It is consistent.&lt;/p&gt;

&lt;h2&gt;
  
  
  4. A type pairing that is not the default
&lt;/h2&gt;

&lt;p&gt;Most generated interfaces use one sans serif at two weights. You do not need a custom typeface. You need one deliberate choice: a display face with some character, a mono for numbers and labels, or one unexpected weight. Typography is the cheapest way to sound like yourself.&lt;/p&gt;

&lt;h2&gt;
  
  
  5. Real product, not illustrations of a product
&lt;/h2&gt;

&lt;p&gt;Generated sites are full of abstract 3D shapes and floating cards that could belong to anything. Show the actual product: real screens, real data, real states. If the product is early, design the screens properly first, then show them. Buyers trust what they can see working.&lt;/p&gt;

&lt;h2&gt;
  
  
  6. Copy only you could write
&lt;/h2&gt;

&lt;p&gt;“Supercharge your workflow with AI-powered insights” could sit on ten thousand homepages. Replace adjectives with specifics: who it is for, what changes, and a number. “Close the month with nothing left over” says more than “streamlined financial operations”, and it is the line people repeat.&lt;/p&gt;

&lt;p&gt;A useful rule: if a competitor could paste your headline onto their site without editing it, rewrite it.&lt;/p&gt;

&lt;h2&gt;
  
  
  7. One signature detail
&lt;/h2&gt;

&lt;p&gt;Pick one thing that is unmistakably yours and repeat it everywhere: a motion pattern, a corner shape, an illustration style, the way numbers count up. On this site it is the pixel: square corners clipped like a sprite and one word in every headline set in a pixel face. One detail, applied consistently, beats ten clever ones.&lt;/p&gt;

&lt;h2&gt;
  
  
  Where AI fits
&lt;/h2&gt;

&lt;p&gt;None of this means avoiding AI. We use it daily to explore options, write code and test layouts faster. The difference is who has the final say. Use AI to widen the options and speed up the build. Then make the choice yourself, with a reason you can explain.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Tools can draw. They cannot choose for you. The choosing is the brand.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h2&gt;
  
  
  A quick self-check
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;Cover your logo. Could your homepage belong to a competitor?&lt;/li&gt;
&lt;li&gt;Can you explain your name and your mark in one sentence each?&lt;/li&gt;
&lt;li&gt;Is there one colour people would associate with you, and only one job it does?&lt;/li&gt;
&lt;li&gt;Does your site show the real product?&lt;/li&gt;
&lt;li&gt;Could a competitor paste your headline onto their site unchanged?&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;If you answered the wrong way more than twice, your brand is doing less work than it should. Our &lt;a href="https://www.pixelary.studio/services" rel="noopener noreferrer"&gt;Taste Audit&lt;/a&gt; checks all of this across ten points and redesigns one key screen in a week, and you can see how we handle the full process in our &lt;a href="https://www.pixelary.studio/work" rel="noopener noreferrer"&gt;case studies&lt;/a&gt;.&lt;/p&gt;

</description>
      <category>design</category>
      <category>webdev</category>
      <category>ai</category>
      <category>branding</category>
    </item>
    <item>
      <title>How AI slop design is killing your brand</title>
      <dc:creator>Nuzairb</dc:creator>
      <pubDate>Fri, 13 Nov 2026 10:56:12 +0000</pubDate>
      <link>https://dev.to/nuzairb/how-ai-slop-design-is-killing-your-brand-3g4i</link>
      <guid>https://dev.to/nuzairb/how-ai-slop-design-is-killing-your-brand-3g4i</guid>
      <description>&lt;p&gt;&lt;em&gt;Originally published on &lt;a href="https://www.pixelary.studio/blog/ai-slop-design-killing-your-brand" rel="noopener noreferrer"&gt;pixelary.studio&lt;/a&gt;.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Short version&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;AI slop design is what you get when nobody overrides a model’s defaults: the same gradient, the same cards, the same headline.&lt;/li&gt;
&lt;li&gt;Buyers notice. In a June 2026 Clutch survey, 55% of consumers felt less favourable toward a brand once they could tell AI made the creative.&lt;/li&gt;
&lt;li&gt;The damage is not that the site looks bad. It is that it looks like everyone else, so nobody remembers it.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  What AI slop design actually is
&lt;/h2&gt;

&lt;p&gt;AI slop design is any interface, brand or page where the decisions were left to a model’s defaults. It is not ugly. That is the trap. It is clean, centred, softly lit and almost exactly the same as the last ten sites you saw.&lt;/p&gt;

&lt;p&gt;Ask any of the popular builders for a SaaS landing page and you will get a version of the same answer, because they learned from the same web. A model is a machine for producing the most likely next thing. The most likely landing page is, by definition, the average one.&lt;/p&gt;

&lt;p&gt;You know it when you see it:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;A blue-to-purple gradient behind a centred headline about “the future of” something.&lt;/li&gt;
&lt;li&gt;Three rounded feature cards with an icon, a two-word title and one vague sentence each.&lt;/li&gt;
&lt;li&gt;A small glowing pill above the headline that says “New” or “Now with AI”.&lt;/li&gt;
&lt;li&gt;Inter or a close cousin for everything, at the same two weights.&lt;/li&gt;
&lt;li&gt;Glassy cards, soft glows and a blurred blob somewhere in the background.&lt;/li&gt;
&lt;li&gt;Testimonials with no names, logos nobody has heard of and numbers that are suspiciously round.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;None of these is wrong on its own. Together they read as “nobody decided anything here”. We wrote a longer checklist in &lt;a href="https://www.pixelary.studio/blog/website-looks-ai-generated" rel="noopener noreferrer"&gt;Does your website look AI-generated?&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  Why it is everywhere now
&lt;/h2&gt;

&lt;p&gt;For twenty years, a polished website was a signal. It meant you had spent money, hired someone good and cared about the details. Buyers used polish as a shortcut for trust.&lt;/p&gt;

&lt;p&gt;AI broke that signal. A founder can now ship something that looks expensive in an afternoon, for free. So can every one of their competitors. When everyone has polish, polish stops telling anyone anything. What is left is sameness.&lt;/p&gt;

&lt;h2&gt;
  
  
  Buyers can tell, and they mark you down
&lt;/h2&gt;

&lt;p&gt;The first cost is trust. In a &lt;a href="https://clutch.co/resources/should-brands-disclose-ai-use" rel="noopener noreferrer"&gt;June 2026 Clutch survey&lt;/a&gt; of 408 consumers, 55% said they feel less favourable toward a brand once they can tell AI made the creative. Only 24% felt more favourable. The same survey found that work disclosed as hand-illustrated did the opposite: 78% felt more favourable toward the brand.&lt;/p&gt;

&lt;p&gt;People are not judging the tool. They are judging the effort. Generated design reads as low effort, and low effort reads as a company that might cut corners elsewhere: on support, on security, on the product itself. For a fintech or an AI product asking people to hand over money or data, that is the worst possible first impression.&lt;/p&gt;

&lt;h2&gt;
  
  
  The real damage: nobody remembers you
&lt;/h2&gt;

&lt;p&gt;Trust is the visible cost. Memory is the bigger one. A brand is a set of cues people can recall later: a colour, a shape, a name, a line. If your cues are the same as everyone else’s, you have no brand. You have a category.&lt;/p&gt;

&lt;p&gt;Picture a buyer comparing five tools in five tabs. All five have a dark hero, a violet glow and a headline that promises to “supercharge” something. By the time they close the tabs, they cannot remember which was which. The one they remember wins the second visit, and the second visit is where deals start.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;When every competitor looks finished, looking finished is no longer an advantage. Looking like yourself is.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h2&gt;
  
  
  What it costs in practice
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Lower conversion on cold traffic, because nothing on the page proves you are real.&lt;/li&gt;
&lt;li&gt;Weaker pricing power. If you look interchangeable, buyers compare you on price.&lt;/li&gt;
&lt;li&gt;Ads and posts that blend into the feed, so you pay more for the same attention.&lt;/li&gt;
&lt;li&gt;A product that feels like a template, which makes every future feature feel like one too.&lt;/li&gt;
&lt;li&gt;A rebrand later, which costs more than doing it properly once.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  The fix is not to stop using AI
&lt;/h2&gt;

&lt;p&gt;We use AI every day to write code, test ideas and move faster. The problem is never the tool. It is letting the tool make the decisions that should belong to you.&lt;/p&gt;

&lt;p&gt;The decisions that make a brand memorable are small and specific: a name with a reason behind it, a mark that explains what the product does, one colour used with intent, real product screens instead of stock illustrations, and copy that says something only you could say. We cover each of these in &lt;a href="https://www.pixelary.studio/blog/stand-out-in-the-age-of-ai-design" rel="noopener noreferrer"&gt;How to stand out in the age of AI design&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;One example from our own work: &lt;a href="https://www.pixelary.studio/work/evenly" rel="noopener noreferrer"&gt;Evenly&lt;/a&gt; started as a generated invoicing dashboard where every card had the same weight and the numbers never added up to anything. We renamed it, gave it a mark that explains the product and rebuilt the receivables view around the one question a business owner asks: is everything paid? Same product, same features. It just stopped looking like everyone else.&lt;/p&gt;

&lt;h2&gt;
  
  
  Where to start
&lt;/h2&gt;

&lt;p&gt;Open your homepage next to your three closest competitors. Cover the logos. If you cannot tell which one is yours, your design is doing nothing for you. That is the moment to fix it, before your next launch, not after.&lt;/p&gt;

&lt;p&gt;If you want a second pair of eyes, our &lt;a href="https://www.pixelary.studio/services" rel="noopener noreferrer"&gt;Taste Audit&lt;/a&gt; reviews your product and site across ten checks and redesigns one key screen, so you can see the difference instead of reading about it.&lt;/p&gt;

</description>
      <category>design</category>
      <category>webdev</category>
      <category>ai</category>
      <category>branding</category>
    </item>
  </channel>
</rss>
