midnight precision instrument

The Linear design system is a nocturnal command center built on near-black surfaces (#08090a) with crisp white type and a single lime-green accent (#e4f222) that functions as a functional flashlight—small, high-contrast, and used sparingly to indicate actions. The interface treats darkness as a foundation rather than a theme: text is a crisp white with tight letter-spacing (-0.022em), font weights are in the low 400–510 range rather than bold, and borders are ultra-thin (0.5px) to let geometry do the work typically done by shadows. Components feel precisely crafted—6px and 12px radii, compact 8–12px margins, and a near-complete lack of decorative elements—allowing the product UI (task cards, Kanban boards, AI agent panels) to be the only visual texture in an otherwise calm system.

The layout has a maximum width of approximately 1200px, centered, with a dark background extending to the edges of the viewport. The main element is a large headline, left-aligned (64–72px), paired with a right-aligned call to action (CTA), followed by a large product screenshot that extends slightly beyond the maximum width. The rhythm of the sections alternates between two-column compositions with text on the left and an image on the right, and full-width product display strips separated by 96px vertical gutters. The strip with the client's logo is a single horizontal row. The page never uses three-column card grids or tiled structures—information density remains low, with most sections using ample white space and a single focal element on the screen. The navigation is a fixed top bar with a left-aligned logo and right-aligned links, without a sidebar or mega-menu.

Linear's visual language is based on product screenshots: the illustrations at the beginning and in the sections are real images of the Linear app's user interface, captured in maximum detail—task cards, Kanban boards, AI agent dashboards, command palettes—placed in thinly framed frames. No stock photos, no lifestyle images, no abstract illustrations. Logos are displayed as a neutral gray stripe (#8a8f98) of uniform size for customers. Icons are minimalist linear SVG images in a monochromatic gray scale. The screenshot at the top of the page floats on a subtle linear gradient (from dark to light), creating atmospheric depth without using real landscapes. Every visual element is a functional element of the product itself.