Stylepack

Fonts

The fonts linear.app uses

linear.app sets its headlines and body text in Inter Variable. Inter Variable is a licensed font the site serves itself. The closest free match on Google Fonts: Inter, JetBrains Mono.

Measured from linear.app 4 days ago.

Open the full design packDownload the pack

Font families

2 families
Inter Variable
Used for
h1, h2, h3, body, label, button
Source
Self-hosted
Free alternative
Inter
Berkeley Mono
Used for
code
Source
Self-hosted
Free alternative
JetBrains Mono

CSS to reproduce it

Font variables with the free stand-in in the stack, so the same CSS works with or without the licensed font.

:root {
  --font-heading: "Inter Variable", "Inter", sans-serif; /* Inter stands in for Inter Variable */
  --font-body: "Inter Variable", "Inter", sans-serif; /* Inter stands in for Inter Variable */
  --font-mono: "Berkeley Mono", "JetBrains Mono", monospace; /* JetBrains Mono stands in for Berkeley Mono */
  --font-size-base: 24px;
}

How the type is set

headline-displayQuick brown foxInter Variable / 64px / 510 / lh 64px / -1.408px
headline-lgQuick brown foxInter Variable / 48px / 510 / lh 48px / -1.056px
headline-mdQuick brown foxInter Variable / 13px / 510 / lh 19.5px / -0.13px
body-mdThe quick brown fox jumps over the lazy dogInter Variable / 24px / 400 / lh 31.92px / -0.288px
label-mdThe quick brown fox jumps over the lazy dogInter Variable / 12px / 400 / lh 1.17
buttonThe quick brown fox jumps over the lazy dogInter Variable / 15px / 400 / lh 24px / -0.165px
codeconst pack = extract(url)Berkeley Mono / 14px / 400 / lh 24px
Font sizes in use
101112131415162024486472

For AI agents

The pack is plain text, no key: fetch DESIGN.md, or hand the whole pack to Claude Code, Cursor or Copilot with the MCP server.

curl -s https://stylepack.ai/packs/linear.app/DESIGN.md

Questions

What font does linear.app use?

linear.app uses Inter Variable, Berkeley Mono. Headlines are set in Inter Variable and body text in Inter Variable, measured from the site as it renders, not read from its stylesheet.

Is the linear.app font free to use?

No. Inter Variable is a licensed font that linear.app serves itself. The closest free match is Inter, JetBrains Mono, available on Google Fonts. The CSS on this page puts it in the font stack as the stand-in.

How do I get the same typography as linear.app in my project?

Download the linear.app design pack from Stylepack: it holds the font stack, the type scale, every text style and the screenshots, in a form an AI coding agent such as Claude Code or Cursor can build from.