Skip to main content
insights / design

Why most AI websites look the same, and what to do about it.

Purple gradients, glassmorphism, "Transform your business" above the fold. The AI agency aesthetic has a problem.

Digital Adventures2026.02.077 min read

Open ten AI agency websites in ten tabs and squint. You cannot tell which is which. They are all running the same playbook.

Purple-to-blue gradient on the hero. Glassmorphism cards. "Transform your business with AI" above the fold. A dashboard screenshot with the numbers blurred out. The same four pastel illustrations by the same three illustrators. A scroll-triggered reveal animation that adds nothing.

This is the AI agency aesthetic of 2025 and 2026, and it has a problem. It does not communicate what it thinks it communicates.

What the templates did

Template ecosystems are a gift. Framer, Webflow, Tailwind UI, and shadcn/ui moved the floor for mid-market agencies by a decade. A two-person shop can now ship a site that, five years ago, would have taken a five-person team a month.

But templates are a floor, not a ceiling. The agencies that lean hardest on them end up indistinguishable from each other. That is fine when distinctness does not matter. For an AI agency selling to technical buyers, it matters a lot.

What the generic aesthetic says to a technical buyer

A CTO, a head of engineering, a product lead. These are the people who decide which AI partner to bring in for a serious build. They do not want to be sold to. They want to evaluate the work.

When they land on a site that looks like every other AI agency site, they read a signal: "This team is in the commodity tier. They are not close to the code. They have used the same template I have used."

This is not fair, but it is true, and we have watched it play out in sales calls on both sides of the table.

What actually communicates "we build AI"

This is not a design theory post. It is a summary of the cues that work for the technical audience we sell to.

Monospace type. It tells the reader you are close to the code. JetBrains Mono, SF Mono, IBM Plex Mono. Use one. Use it for display type, not body copy. Body copy stays in a humanist sans for readability.

Flat design. No gradients, no drop shadows, no glassmorphism. A flat brand says: we are not hiding anything, and the content has to carry itself. The ones who do this well are Linear, Vercel, Plain, and Raycast. They all ship serious software.

Terminal textures. A shell window as a section. A blinking cursor at the end of a headline. A file path as an eyebrow label. These are specific cues, not generic ones. They date you in a good way: they say you know what the command line is for.

One accent colour. Red, orange, something signal-like. Used surgically. The moment you have two accent colours you have a dashboard, not a brand.

Motion that does one thing well. Pick one motion primitive and make it the signature. A caret blink. A cursor track. A typewriter reveal. Respect reduced motion, because the audience is older than the trend cycle and some of them care.

Voice that names the tools. Anthropic. Claude. Vercel. Next.js. Supabase. Not "AI platform", not "cloud partner". The specificity is the credibility.

The agencies and products doing this well

For context, not flattery.

  • Linear and Raycast have the best-in-class application of this aesthetic. Monospace display type, flat surfaces, one accent, restrained motion.
  • Vercel has moved in and out of it, but the Vercel of 2024 and 2025 is a masterclass in restraint.
  • Plain is the cleanest implementation of flat, typographic branding in the support-tools category.
  • Fly.io uses terminal textures in marketing copy in a way that feels native, not appropriated.
  • Val Town goes further, rendering code examples inline as part of the marketing.

None of these are AI agencies. Which is the point: the brands that technical buyers trust are the brands that look like they were made by people who write code, not people who sell AI.

What we do here

Our brand direction is called Caret. You are reading it. The blinking cursor at the end of a headline is the signature motion. The red underscore between "digital" and "adventures" in the wordmark is the one accent we use, everywhere. The type stack is JetBrains Mono for hero and headlines, Inter for everything else. No gradients, no glassmorphism, no animations that do not do work.

This is not a claim about design philosophy. It is a design decision made in service of a commercial one: the technical buyers we want to work with recognise it, trust it, and open a conversation. The non-technical buyers who come to us through referrals do not notice the brand specifically, but they respond to the signal that the brand conveys to their technical advisor.

The cheap way and the right way

There is a cheap version of this essay that says "be different". We do not care about being different for its own sake. We care about being legible to the audience we sell to, and about not looking like the three hundred other AI agencies chasing the same work.

If you are an AI agency and your website looks like the ones we just described, the simple fix is the one Linear, Raycast, and Vercel took: pick a monospace display face, go flat, add one accent colour, write like a person who names the tools they use, and delete the scroll-triggered animations. You will stand out the week after the change lands.

The technical buyers will notice. They will recommend you to the non-technical buyers. That is the commercial outcome. The aesthetic is just the vehicle.

let's build

Ready to build?

Tell us what you're trying to ship. We'll scope it honestly.