PAGES

Linear's dark page became half the industry's template

The dark product page is now a genre with conventions. Naming them is more useful than admiring them.

A dark studio, laptop open showing a dense dark product page, hand on the trackpad
The dark product page now has conventions. Naming them is more useful than admiring them.

What the page is doing

Linear's marketing site arrived with a coherence that was immediately, visibly influential. Dark background — not black but the very deep blue-grey the team landed on. Tight, tabular typography set in Inter. Tables and changelog entries treated as design objects rather than afterthoughts. Subtle gradients that bloom behind feature grids without dissolving them. Motion that documents the product instead of decorating it. Every element organised around demonstrating that the software is fast and opinionated, which is also exactly what the page itself is.

A dark studio, one laptop lid covered in real product stickers, the laptop open showing a dense dark product page. A hand resting on the trackpad
A lid covered in marks is the same signal as the page: this is made for people who ship.

That last move is the key one. The aesthetic and the product claim are the same claim. The page doesn't describe speed; it performs it — spare, dense, no marketing copy that outruns the interface. It's a technique Stripe had already refined on its own pages (Stripe's marketing approach traced the gradient moment), but Linear pushed it further into darkness and product specificity.

The conventions the genre now runs on

The choices have hardened into a checklist, which means they can be evaluated as choices. Dark field: near-black, never actually black, leaning blue or purple in the midtones — a colour decision, not the absence of one. CSS's prefers-color-scheme lets browsers signal user preference, but these pages don't follow it; they assert a fixed palette because the palette is the brand. Gradient halos, usually radial, sit behind feature sections and do three things at once: depth, emphasis, and brand colour without painting everything flat. Small caps or condensed labels — "Coming soon", "New", version numbers — set in a contrasting weight to create information hierarchy without size changes. Feature grids built on CSS Grid, which made the dense bento-style arrangement cheap to maintain and easy to resize. Motion triggered on scroll, typically translate-Y with opacity, almost always eased with a cubic-bezier that reads as mechanical rather than playful.

The page doesn't describe speed; it performs it — spare, dense, no marketing copy that outruns the interface.

Typography across the genre clusters around a small set of faces. Inter — released by Rasmus Andersson and available on Google Fonts — is the dominant workhorse: the x-height and even colour that read well at 13–14px on dark grounds are exactly what these pages need. Kris Sowersby's faces from Klim Type Foundry appear in the higher-budget examples. Grilli Type's GT Alpina and GT America have been used by a number of companies building in this space. The display moment, when it exists, tends toward a high-contrast serif that signals craft against the utilitarian sans of the UI copy.

One page shown light and dark side by side on two monitors
A dark page done well is a second palette, not a switched one.

The genre is now crowded enough that doing it badly has become easy. Gradient halos with no relationship to the section they sit behind. Motion that fires on every scroll event and queues up competing animations. Feature grids that swap to a single column at mobile breakpoints without rethinking the density — what container queries arriving across every major engine in 2023 was supposed to help with. Dark fields that fail contrast requirements because the designers only ever viewed them at full brightness on a calibrated display. The original was disciplined; the copies often aren't.

Why it holds

The genre persists because the constraint is genuine. Developer tooling, infrastructure products and productivity software share a user who is comfortable in dark environments and who reads the marketing page the way they read documentation — quickly, looking for specific claims. A page that meets them there is making a UX decision as much as an aesthetic one. What WCAG 2.1 sets for contrast ratios applies as sharply on a dark field as a light one, and the best examples in the genre hit those ratios. The rest have made a mood board and called it a product page.