Stylepack

Czcionki

Czcionki, których używa gitnimble.com

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

Zmierzono na gitnimble.com 4 dni temu.

Otwórz pełny pakiet designuPobierz pakiet

Rodziny czcionek

Czcionki: 2
Inter
Użycie
h1, h2, h3, body, button, label
Źródło
Własny hosting
Darmowy zamiennik
Inter
ui-monospace
Użycie
label, code
Źródło
systemowa
Darmowy zamiennik
Już darmowa

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", "Inter", sans-serif; /* Inter stands in for Inter */
  --font-body: "Inter", "Inter", sans-serif; /* Inter stands in for Inter */
  --font-mono: "ui-monospace", monospace;
  --font-size-base: 16px;
}

Jak składany jest tekst

headline-displayQuick brown foxInter / 64px / 560 / lh 66.56px / -2.56px
headline-lgQuick brown foxInter / 48px / 560 / lh 50.88px / -1.68px
headline-mdQuick brown foxInter / 20px / 540 / lh 32px / -0.2px
body-mdThe quick brown fox jumps over the lazy dogInter / 16px / 400 / lh 26.4px
label-mdThe quick brown fox jumps over the lazy dogInter / 12px / 400 / lh 12px
buttonThe quick brown fox jumps over the lazy dogInter / 16px / 540 / lh 1
codeconst pack = extract(url)ui-monospace / 11.0625px / 400 / lh 17.7px
Używane rozmiary czcionek
10111213141619204864

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/gitnimble.com/DESIGN.md

Pytania

Jakiej czcionki używa gitnimble.com?

gitnimble.com używa Inter, ui-monospace. Nagłówki są złożone w czcionce Inter, a tekst w czcionce Inter; zmierzono to na stronie tak, jak się renderuje, a nie odczytano z jej arkusza stylów.

Czy czcionka gitnimble.com jest darmowa?

Nie. Inter to licencjonowana czcionka, którą gitnimble.com serwuje sam. Najbliższy darmowy zamiennik to Inter, 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 gitnimble.com?

Pobierz pakiet designu gitnimble.com 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ć.