Stylepack

Schriften

Die Schriften von linear.app

linear.app setzt Überschriften und Fließtext in Inter Variable. Inter Variable ist eine lizenzierte Schrift, die die Seite selbst ausliefert. Die nächste freie Alternative auf Google Fonts: Inter, JetBrains Mono.

vor 4 Tagen auf linear.app gemessen.

Ganzes Designpaket öffnenPaket herunterladen

Schriftfamilien

2 Schriftfamilien
Inter Variable
Verwendet für
h1, h2, h3, body, label, button
Quelle
Selbst gehostet
Freie Alternative
Inter
Berkeley Mono
Verwendet für
code
Quelle
Selbst gehostet
Freie Alternative
JetBrains Mono

CSS zum Nachbauen

Schrift-Variablen mit der freien Alternative im Font-Stack, damit dasselbe CSS mit und ohne die lizenzierte Schrift funktioniert.

: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;
}

So ist der Text gesetzt

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
Verwendete Schriftgrößen
101112131415162024486472

Für KI-Agenten

Das Paket ist reiner Text, ohne Key: hol dir DESIGN.md oder gib das ganze Paket per MCP-Server an Claude Code, Cursor oder Copilot.

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

Fragen

Welche Schrift benutzt linear.app?

linear.app nutzt Inter Variable, Berkeley Mono. Überschriften sind in Inter Variable gesetzt, Fließtext in Inter Variable, gemessen an der gerenderten Seite, nicht aus dem Stylesheet gelesen.

Ist die Schrift von linear.app frei nutzbar?

Nein. Inter Variable ist eine lizenzierte Schrift, die linear.app selbst ausliefert. Die nächste freie Alternative ist Inter, JetBrains Mono, verfügbar auf Google Fonts. Das CSS auf dieser Seite setzt sie als Ersatz in den Font-Stack.

Wie bekomme ich dieselbe Typografie wie linear.app in mein Projekt?

Lade das Designpaket von linear.app bei Stylepack herunter: Es enthält den Font-Stack, die Schriftskala, jeden Textstil und die Screenshots, in einer Form, aus der ein KI-Coding-Agent wie Claude Code oder Cursor bauen kann.