Stylepack

Fonts

The fonts stripe.com uses

stripe.com sets its headlines and body text in sohne-var. sohne-var is a licensed font the site serves itself. The closest free match on Google Fonts: Inter.

Measured from stripe.com 4 days ago.

Open the full design packDownload the pack

Font families

1 family
sohne-var
Used for
h1, h2, h3, body, label, button
Source
Self-hosted
Free alternative
Inter

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

How the type is set

headline-displayQuick brown foxsohne-var / 48px / 300 / lh 55.2px / -0.96px
headline-lgQuick brown foxsohne-var / 32px / 300 / lh 35.2px / -0.64px
headline-mdQuick brown foxsohne-var / 26px / 300 / lh 29.12px / -0.26px
body-mdThe quick brown fox jumps over the lazy dogsohne-var / 16px / 300 / lh 22.4px
label-mdThe quick brown fox jumps over the lazy dogsohne-var / 16px / 400 / lh 1.4
buttonThe quick brown fox jumps over the lazy dogsohne-var / 10px / 400 / lh 11.5px / 0.1px
Font sizes in use
1011121415162226324856

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

Questions

What font does stripe.com use?

stripe.com uses sohne-var. Headlines are set in sohne-var and body text in sohne-var, measured from the site as it renders, not read from its stylesheet.

Is the stripe.com font free to use?

No. sohne-var is a licensed font that stripe.com 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 stripe.com in my project?

Download the stripe.com 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.