Stylepack

Fonts

The fonts arc.net uses

arc.net sets its headlines in Exposure VAR and its body text in ABC Oracle. Exposure VAR is a licensed font the site serves itself. The closest free match on Google Fonts: Inter.

Measured from arc.net 6 days ago.

Open the full design packDownload the pack

Font families

3 families
Exposure VAR
Used for
h1
Source
Self-hosted
Free alternative
Inter
ABC Oracle
Used for
h2, h3, body, button
Source
Self-hosted
Free alternative
Inter
-apple-system
Used for
code
Source
system
Free alternative
Already free

CSS to reproduce it

Font variables with the free stand-in in the stack, so the same CSS works with or without the licensed font.

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

How the type is set

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
Font sizes in use
1113161718202122386476

For AI agents

The pack is plain text, no key: fetch DESIGN.md, or hand the whole pack to Claude Code, Cursor or Copilot with the MCP server.

curl -s https://stylepack.ai/packs/arc.net/DESIGN.md

Questions

What font does arc.net use?

arc.net uses Exposure VAR, ABC Oracle, -apple-system. Headlines are set in Exposure VAR and body text in ABC Oracle, measured from the site as it renders, not read from its stylesheet.

Is the arc.net font free to use?

No. Exposure VAR is a licensed font that arc.net serves itself. The closest free match is Inter, available on Google Fonts. The CSS on this page puts it in the font stack as the stand-in.

How do I get the same typography as arc.net in my project?

Download the arc.net design pack from Stylepack: it holds the font stack, the type scale, every text style and the screenshots, in a form an AI coding agent such as Claude Code or Cursor can build from.