Linear – The system for product development

DesignScan preview · https://linear.app · 2026-06-13

Colors

primary#5e6ad2
on-primary#ffffff
background#08090a
text#d0d6e0
accent-1#62666d
accent-2#8a8f98
on-accent-2#111111
border#23252a
muted-surface#0f1011

Typography

display64px · 510 · lh 1
The quick brown fox jumps
display-4848px · 510 · lh 1
The quick brown fox jumps
headline-lg32px · 510 · lh 1
The quick brown fox jumps
headline-sm24px · 510 · lh 1
The quick brown fox jumps
title18px · 510 · lh 1
The quick brown fox jumps
body-lg16px · 400 · lh 1.5
The quick brown fox jumps
label13px · 400 · lh 1.5
The quick brown fox jumps

Spacing

xs4px
sm8px
md12px
lg16px
xl20px
2xl24px
3xl28px

Radius

xs2px
sm4px
md6px
lg8px
xl12px
2xl16px
3xl22px

Layout

sm641px
md701px
lg769px
xl929px
2xl1025px
3xl1281px
containermax-width 1436px

Elevation

sm
md
lg
xl

Components

button-primary
surface · input · body-text · border

Body text on the surface color — this is what reading copy looks like.

divider
surface-muted
Subtle secondary surface — sidebars, sections, callouts.
link
Inline link example →
badge Badge