Schriften

Die Schriften von gitnimble.com

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

vor 4 Tagen auf gitnimble.com gemessen.

Schriftfamilien

2 Schriftfamilien
Inter
Verwendet für
h1, h2, h3, body, button, label
Quelle
Selbst gehostet
Freie Alternative
Inter
ui-monospace
Verwendet für
label, code
Quelle
System
Freie Alternative
Bereits frei

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", "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;
}

So ist der Text gesetzt

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

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

Fragen

Welche Schrift benutzt gitnimble.com?

gitnimble.com nutzt Inter, ui-monospace. Überschriften sind in Inter gesetzt, Fließtext in Inter, gemessen an der gerenderten Seite, nicht aus dem Stylesheet gelesen.

Ist die Schrift von gitnimble.com frei nutzbar?

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

Wie bekomme ich dieselbe Typografie wie gitnimble.com in mein Projekt?

Lade das Designpaket von gitnimble.com 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.