Inspect the design system behind linear.app

These captured Linear pages show the same restrained dark system applied to product and pricing content.

Color system

• #08090a keeps the canvas close to black without flattening every dark surface into one tone.
• #1f2023 separates cards and controls from the canvas.
• #f7f8f8 carries primary text, while #8a8f98 lowers the emphasis of supporting copy.
• #5e6ad2 is used sparingly, so active and branded moments remain easy to spot.

Typography and hierarchy

The pages avoid decorative type. Their hierarchy comes from a small number of sizes, short lines, generous space around major sections, and quiet supporting text.

What to borrow

• Start with a near-black canvas and one slightly lighter surface.
• Use thin, low-contrast borders instead of shadows for separation.
• Keep the palette neutral and reserve the cool accent for active states and important actions.
• Build rhythm with repeated compact controls inside more generous section spacing.
• Let screenshots and interface details provide the visual richness rather than adding decoration around them.