Stylepack

Czcionki

Czcionki, których używa linear.app

linear.app składa nagłówki i tekst w czcionce Inter Variable. Inter Variable to licencjonowana czcionka, którą strona serwuje sama. Najbliższy darmowy zamiennik z Google Fonts: Inter, JetBrains Mono.

Zmierzono na linear.app 4 dni temu.

Otwórz pełny pakiet designuPobierz pakiet

Rodziny czcionek

Czcionki: 2
Inter Variable
Użycie
h1, h2, h3, body, label, button
Źródło
Własny hosting
Darmowy zamiennik
Inter
Berkeley Mono
Użycie
code
Źródło
Własny hosting
Darmowy zamiennik
JetBrains Mono

CSS do odtworzenia

Zmienne czcionek z darmowym zamiennikiem w stosie, więc ten sam CSS działa z licencjonowaną czcionką i bez niej.

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

Jak składany jest tekst

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
Używane rozmiary czcionek
101112131415162024486472

Dla agentów AI

Pakiet to zwykły tekst, bez klucza: pobierz DESIGN.md albo przekaż cały pakiet do Claude Code, Cursor lub Copilot przez serwer MCP.

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

Pytania

Jakiej czcionki używa linear.app?

linear.app używa Inter Variable, Berkeley Mono. Nagłówki są złożone w czcionce Inter Variable, a tekst w czcionce Inter Variable; zmierzono to na stronie tak, jak się renderuje, a nie odczytano z jej arkusza stylów.

Czy czcionka linear.app jest darmowa?

Nie. Inter Variable to licencjonowana czcionka, którą linear.app serwuje sam. Najbliższy darmowy zamiennik to Inter, JetBrains Mono, dostępny w Google Fonts. CSS na tej stronie wstawia go do stosu czcionek jako zastępstwo.

Jak uzyskać w projekcie taką samą typografię jak linear.app?

Pobierz pakiet designu linear.app ze Stylepack: zawiera stos czcionek, skalę typograficzną, każdy styl tekstu i zrzuty ekranu w formie, z której agent AI do kodowania, taki jak Claude Code czy Cursor, może budować.