Developer Tools

Linear

linear.app16 colors19 componentsInter VariableMulti-page · 12 screens

Purpose-built for planning and building products with AI agents.

Remix Visit

Remix

Visit

12 screenshots captured· linear.app

1 / 12 · Linear – The system for product development · Above the fold

Preview

the generated design system

Switch between the Visual preview, the rendered DESIGN.md and the Raw file.

Design tokens

Extracted from linear.app

Primary

#62666D

#08090A

#0F1011

#0003

#0009

#0000

#F91880

#00BA7C

Neutral

#F7F8F8

#8A8F98

#FFFFFF

#D0D6E0

#3E3E44

#000000

#E5E5E6

#18191A

Typography · Inter Variable

span16px · 400 · 24px

link14px · 510 · 21px

button13px · 400 · 19.5px

h248px · 510 · 48px

body15px · 400 · 24px

h164px · 510 · 64px

h272px · 510 · 72px

h324px · 590 · 31.92px

h320px · 590 · 26.6px

h416px · 590 · 24px

input13.3333px · 400

h313px · 510 · 19.5px

body20px · 510 · 26.6px

label14px · 400 · 21px

h140px · 510 · 44px

h315px · 510 · 24px

h148px · 590 · 48px

Typography · Berkeley Mono

code14px · 400 · 21px

Spacing

8px

32px

16px

4px

12px

24px

48px

20px

Elevation

rgba(0, 0, 0, 0.4) 0px 1px 0px 0px

rgba(255, 255, 255, 0.03) 0px 0px 0px 1px inset, rgba(255, 255, 255, 0.04) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.6) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 4px 4px 0px

Components · 19

Remixes of Linear

1 remix

Latest remixes

Linear Remixby Mohammed A. · Nov 2, 2026