Every Website Is the Same Website Now: Notes From the Tailwind monoculture
Photo: Google Gemini, Public domain, via Wikimedia Commons
Open three tabs from three different startups. Notice anything? Same rounded corners. Same purple-to-blue gradient on the hero. Same three feature cards with the same line icons. Same "Trusted by teams at" logo row in grayscale. Same 64px border radius on everything, like the entire internet hired one very agreeable interior decorator.
This isn't a coincidence, and it isn't even laziness, exactly. It's an economy — a whole supply chain of defaults that has quietly flattened the web into one very tasteful, very interchangeable surface.
The Assembly Line, Reviewed
Let's review the actual tooling, because the monoculture has specific authors.
Tailwind CSS deserves the top billing. It's a genuinely great tool — I use it, you probably use it — but its defaults have become a design accent wall for the entire industry. Inter or a geometric sans at the top, slate-900 text, rounded-xl cards, shadow-sm on hover. When a million developers reach for the same utility classes, the utilities start designing the sites.
shadcn/ui and the component library boom pushed things further. Why argue about a button when a beautiful, accessible, already-argued-about button is one command away? You'd be a fool not to use it. But the fool's alternative is where all the personality used to live.
The landing page template industrial complex is the third leg. Framer templates, Webflow clones, Next.js starter kits — all selling the same layout with the logo swapped. The SaaS landing page has become a form you fill out rather than a thing you design.
None of these tools are bad. That's the uncomfortable part. They're all good, which is precisely why everyone uses them, which is precisely why everything looks like this.
What We Lost Since 2004
Cast your mind back to the web of the 2000s. Personal sites with marquee tags and MIDI autoplay. Forum skins that were crimes against contrast ratios and also alive. Blogs with hand-drawn headers. Every GeoCities page was somebody's bedroom wall, posters and all.
Was it ugly? Enormously, gloriously ugly. Was it accessible? Often catastrophically not. But you could tell whose site you were on within half a second. The web had accents.
Today's web is accessible-ish (though the template era has its own dark patterns and 4MB JavaScript bundles to answer for) and legible and pleasant and completely anonymous. A fintech startup and a knitting pattern database are separated by maybe two hues on the same gradient.
So Which Is It: Progress or Surrender?
Here's my honest take after staring at a lot of landing pages: it's both, and the framing is the trap.
Standardization delivered real wins. Consistent navigation helps disabled users. Predictable layouts lower cognitive load. Dark mode, focus rings, semantic HTML — a lot of that spread because it shipped in the default component libraries. The homogenized web is, in part, an accessibility dividend. I don't want to go back to a web where half the sites have unreadable text on a tiled background.
But there's a difference between conventions and uniformity. Conventions say the nav goes at the top and buttons look pressable. Uniformity says every site must be a purple gradient hero with a wavy SVG divider. The first is usability. The second is a fashion trend wearing usability's jacket.
The surrender isn't in the tools — it's in treating the defaults as the design instead of the starting point.
How to Build Something That Doesn't Look Like Everyone Else's
If you're shipping a site and want it to have a pulse, some practical moves:
- Pick one weird thing and commit. A distinctive typeface pairing, an unusual but consistent color palette, hand-drawn illustration. One strong choice beats ten timid ones.
- Override Tailwind's theme, not just its classes. The config file exists. Change the font stack, the radius scale, the palette. If your site is recognizable as Tailwind from a screenshot, you haven't finished.
- Steal structure, not skin. Keep the accessible component logic from shadcn — then restyle it wholesale. Accessibility and personality are not enemies.
- Add texture. Real photography instead of stock, grain, asymmetric grids, a footer with a joke in it. Small human details are what the templates can't generate.
- Read your site at a glance test. Screenshot it next to three competitors. If you can't tell which is yours, neither can your users.
The tools that flattened the web also handed us the best accessibility and the fastest shipping in history. The monoculture is a choice we keep making one npx command at a time — which means we can unmake it the same way. Build the accessible version of your site. Then make it look like yours.