Linear

the restraint benchmark - a dark, near-monochrome product site where one indigo accent, crisp 0.16s motion and an animated dot-grid do all the work, and nothing is wasted.

Developer Tool Issue Tracker flagship

Design tokens

bg-marketing

bg-base

bg-panel

bg-level-2

bg-level-3

border-primary

text-primary

text-secondary

text-tertiary

brand-indigo

accent-hover

link-primary

display: Inter Variable
body: Inter Variable
mono: Berkeley Mono

Do / Don't

Reference it for

A disciplined dark UI scale: stepped near-black backgrounds (#08090A -> #0f1011 -> #141516 -> #191a1b) with a single accent.
Fast, functional motion (0.16s) - the opposite of decorative; it clarifies, it never performs.
Heading-then-short-subhead-then-product-proof rhythm, repeated with total consistency.
Clean, legible design-token naming worth copying as a convention.
One warm accent moment (a yellow block near the footer) used once, for contrast.

Do not copy

The dark palette itself - it is strongly Linear-coded; a dark site that borrows this exact scale reads as a Linear clone.
The animated dot-grid hero - a signature; admire the technique, do not reproduce the effect.
The terse developer-tool voice - it reads cold for warmer brands.

Signature moves

fast functional motion (160ms)

all motion runs at a crisp 0.16s on cubic-bezier(0.25,0.46,0.45,0.94) so it clarifies rather than performs, the opposite of decorative

stepped near-black dark scale with one accent

a disciplined dark UI uses stepped near-black backgrounds (#08090A to #0f1011 to #141516 to #191a1b) with a single indigo accent and one warm yellow block used once near the footer for contrast

heading-subhead-proof section rhythm

each section repeats heading then short subhead then product-proof with total consistency, on a ~1100-1200px content column

Related references

Adaline

strong

Developer Tool

an AI-infra product site that swaps the genre's default dark-neon for a hand-built 3D Japanese-garden world, then runs warm earth tones, a grotesque/mono type pair and patient scroll-reveal motion over the top so a developer tool feels like a calm place.

Anthropic

flagship

Developer Tool

a warm ivory-and-slate site where editorial serif typography, a single clay accent, and unhurried 0.8s expo reveals reframe AI as a humanist research practice rather than a product to sell.

Cursor

strong

Developer Tool

a Next.js / Tailwind developer-tool site where a bespoke CursorGothic on warm-light cream (`#f7f7f4`), EB Garamond paragraphs for editorial moments, and 0.14s expo micro-animations make a coding-agent product feel like a quietly-confident research lab rather than a SaaS landing.

Cyphr

strong

Creative Studio

The reference for venture-studio portfolios that flex through monumental condensed type, a single blue I-beam cursor accent, and a venetian-blind slat hero that fragments a single image into a column-rhythmic curtain.