Stylepack

Schriften

Die Schriften von arc.net

arc.net setzt Überschriften in Exposure VAR und Fließtext in ABC Oracle. Exposure VAR ist eine lizenzierte Schrift, die die Seite selbst ausliefert. Die nächste freie Alternative auf Google Fonts: Inter.

vor 6 Tagen auf arc.net gemessen.

Ganzes Designpaket öffnenPaket herunterladen

Schriftfamilien

3 Schriftfamilien
Exposure VAR
Verwendet für
h1
Quelle
Selbst gehostet
Freie Alternative
Inter
ABC Oracle
Verwendet für
h2, h3, body, button
Quelle
Selbst gehostet
Freie Alternative
Inter
-apple-system
Verwendet für
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: "Exposure VAR", "Inter", sans-serif; /* Inter stands in for Exposure VAR */
  --font-body: "ABC Oracle", "Inter", sans-serif; /* Inter stands in for ABC Oracle */
  --font-mono: "-apple-system", monospace;
  --font-size-base: 17px;
}

So ist der Text gesetzt

headline-displayQuick brown foxExposure VAR / 76px / 600 / lh 85.88px / -2.432px
headline-lgQuick brown foxABC Oracle / 20px / 350 / lh 28.4px / -0.4px
headline-mdQuick brown foxABC Oracle / 16px / 350 / lh 1.4
body-mdThe quick brown fox jumps over the lazy dogABC Oracle / 17px / 350 / lh 26.18px / -0.255px
label-mdThe quick brown fox jumps over the lazy dogABC Oracle / 13px / 350 / lh 1.4
buttonThe quick brown fox jumps over the lazy dogABC Oracle / 22px / 350 / lh 26.4px / -0.44px
codeconst pack = extract(url)-apple-system / 11px / 500 / lh 11px / -0.44px
Verwendete Schriftgrößen
1113161718202122386476

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/arc.net/DESIGN.md

Fragen

Welche Schrift benutzt arc.net?

arc.net nutzt Exposure VAR, ABC Oracle, -apple-system. Überschriften sind in Exposure VAR gesetzt, Fließtext in ABC Oracle, gemessen an der gerenderten Seite, nicht aus dem Stylesheet gelesen.

Ist die Schrift von arc.net frei nutzbar?

Nein. Exposure VAR ist eine lizenzierte Schrift, die arc.net 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 arc.net in mein Projekt?

Lade das Designpaket von arc.net 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.