linear.app

Page intent

landing 31% confidence

Material language

material-you

Imagery style

mixed

Component library

unknown

Stack

next

Voice tone

neutral

1 primary · 1 secondary · 1 accent · 10 neutrals · 30 total

Neutrals

Full palette

WCAG 83% · 5 passing pairs · 1 failing. Full breakdown in §11.

2 families · 16 sizes · 4 weights

Display

Inter Variable

Body

Berkeley Mono

Weights

400, 510, 590, 300

Specimen

Scale

Base 1px · 29 steps captured

Rhythm

9 radii · 6 elevation tiers

Border radii

Elevation

unknown · 24 captured

Library

unknown

Confidence

0%

Stroke style

fillDominant

Feel: responsive · 3 durations · 2 easings

Duration scale

Easings

• ease-out
• ease-in-out

unknown · 2 component patterns captured

Mocks

Detected patterns

neutral · — · —

Headlines from the site

• The product development system for teams and agents The product development system for teams and agents
• Faster app launch
• A new species of product tool. Purpose-built for modern teams with AI workflows at its core, Linear sets a new standard for planning and building products.
• Make product operations self-driving

CTA verbs

• ×5
• ×2
• ×2
• ×2
• ×2
• ×2
• ×1
• ×1

Failing pairs

Suggested replacements

• #6d78d5 → (3.82:1)

Drop-in code for the most common stacks. All values from the live extraction.

:root {
  --color-primary: #e4f222;
  --font-display: "Inter Variable";
  --space-base: 4px;
  --radius-md: 4px;
}

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: { brand: '#e4f222' },
      fontFamily: { display: ['Inter Variable', 'serif'] },
      spacing: { base: '4px' },
      borderRadius: { md: '4px' },
    },
  },
};

Run npx designlang pack linear.app for the full bundle (DTCG, shadcn, Figma vars, motion, anatomy, Storybook).

1. Lead with the primary.

   It belongs on calls-to-action and one accent moment per screen. Not on body copy.

2. Two type families, three weights.

   Display for headlines, body for paragraphs. Resist a third unless there is a real reason.

3. Snap to the spacing scale.

   Padding, margin, and gap should land on the values in §05. One-off pixels accumulate into noise.

4. Treat accessibility as a hard constraint.

   When a colour pair fails WCAG, fix the colour — not the contrast check.