All articles
Aesthetic Guides6 min read

The Dark Minimal Stack: Why AI Products All Look Like Linear

Linear, Vercel, Cursor, Warp, Raycast. They all look similar. That is not a coincidence. Here is why the dark minimal aesthetic became the default for AI products, and why it works.

Open Linear. Open Vercel. Open Cursor. Open Warp. Open Raycast.

They are all different products. Different companies. Different founding teams. Different investors. And they all look like they were designed by the same person.

Dark background. Near-black, not quite black. One accent color. Clean sans-serif. Restrained. Fast. Almost monastic.

This is not a coincidence. It is a design philosophy that the best AI-era software companies converged on independently. And there are very good reasons why.

Why dark

The obvious answer: developers work in dark mode. If you are building for developers, you build in dark mode.

But there is a deeper reason. Dark backgrounds make color meaningful. On a white background, you can throw any color anywhere and it reads as decoration. On a dark background, every color has to earn its place. A bright accent on dark is a signal. It says: this matters. Look here.

That constraint forces better design decisions. You cannot decorate your way out of a problem when everything needs to be intentional.

Why minimal

The best developer tools are used for hours every day. Figma. VS Code. Linear. Notion. These are not apps people open once a month.

Complexity is exhausting over time. Decoration becomes noise. The products that developers keep open all day are the ones that get out of the way. Minimal is not a style choice. It is a respect for the user's attention.

There is also a trust signal in restraint. A product that looks clean feels fast, even before you use it. It feels confident. It does not need to impress you with visual complexity because the functionality speaks for itself.

The specific design decisions

Here is what the dark minimal stack actually looks like under the hood:

BackgroundNot pure black. Usually #09090B, #0A0A0A, or #111827. Pure black reads as harsh. These near-blacks feel intentional.
SurfaceOne step lighter than background. #18181B or similar. Used for cards, sidebars, modals. Creates depth without being dramatic.
Accent colorOne. Not two. Not three. Linear uses #5E6AD2 (lavender). Vercel uses white. Raycast uses a warm orange. The accent does everything: CTAs, hover states, selected states.
TypographyInter, almost always. Sometimes Geist (Vercel's own font). Always clean, always functional. Rarely decorative.
Border radiusModerate. 6px or 8px. Not 2px (feels dated) and not 16px (feels consumer). Right in the middle where things feel modern but serious.

When to use it

The dark minimal aesthetic is a near-universal win for:

  • +Developer tools (anything a programmer uses all day)
  • +AI products (the aesthetic signals technical credibility)
  • +Data products (dashboards, analytics, monitoring)
  • +Productivity apps targeting knowledge workers
  • +Infrastructure and DevOps products

It is a worse fit for consumer products that need warmth (food, travel, health), products targeting non-technical audiences, or anything where visual delight is the core value prop.

The stack, ready to use

Every one of these design systems is available as a DESIGN.md you can copy right now.

Browse dark and minimal designs

The full collection of dark and minimal DESIGN.md files, ready to paste into your AI coding workflow.

View collection