linear.app26
Colors
Spacing
xs
4px
sm
8px
md
16px
lg
24px
xl
32px
gutter
24px
margin
46px
Rounded
none0px
sm4px
md8px
lg12px
xl16px
full9999px
Shadows
sm
rgba(0, 0, 0, 0) 0px 8px 2px 0px, rgba(0, 0, 0, 0.01) 0px 5px 2px 0px, rgba(0, 0, 0, 0.04) 0px 3px 2px 0px, rgba(0, 0, 0, 0.07) 0px 1px 1px 0px, rgba(0, 0, 0, 0.08) 0px 0px 1px 0px
md
0px 0px 0px transparent
lg
0px 0px 0px transparent
xl
0px 0px 0px transparent
Font
Inter Variable
Aa Bb Cc 0123
ABCDEFGHIJKLMNOPQRSTUVWXYZ · abcdefghijklmnopqrstuvwxyz
Heading
Headline DisplayInter Variable · 4rem · 510
Display headline
Headline LGInter Variable · 3.5rem · 510
The quick brown fox
Headline MDInter Variable · 3rem · 510
Design systems at scale
Headline SMInter Variable · 2.5rem · 510
Color, type, and spacing
Text
Body LGInter Variable · 1.0625rem · 400
The quick brown fox jumps over the lazy dog. Lead paragraph copy for marketing pages.
Body MDInter Variable · 0.9375rem · 400
The quick brown fox jumps over the lazy dog. Standard body copy throughout the application.
Body SMInter Variable · 0.875rem · 400
Supporting text, captions, and metadata appear at this size.
Label LGInter Variable · 0.9375rem · 510
Button label · Primary action
Label MDInter Variable · 0.8125rem · 510
Form label · Required field
Label SMInter Variable · 0.75rem · 400
Badge · Tag · Micro-copy