Stylepack

Fonts

The fonts resend.com uses

resend.com sets its headlines in domaine and its body text in inter. domaine is a licensed font the site serves itself. The closest free match on Google Fonts: Inter.

Measured from resend.com 4 days ago.

Open the full design packDownload the pack

Font families

4 families
domaine
Used for
h1
Source
Self-hosted
Free alternative
Inter
aBCFavorit
Used for
h2, h3
Source
Self-hosted
Free alternative
Inter
inter
Used for
body, button
Source
Self-hosted
Free alternative
Inter
commitMono
Used for
label, code
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: "domaine", "Inter", sans-serif; /* Inter stands in for domaine */
  --font-body: "inter", "Inter", sans-serif; /* Inter stands in for inter */
  --font-mono: "commitMono", "Inter", monospace; /* Inter stands in for commitMono */
  --font-size-base: 14px;
}

How the type is set

headline-displayQuick brown foxdomaine / 96px / 400 / lh 96px / -0.96px
headline-lgQuick brown foxaBCFavorit / 56px / 400 / lh 67.2px / -2.8px
headline-mdQuick brown foxaBCFavorit / 20px / 400 / lh 20px
body-mdThe quick brown fox jumps over the lazy doginter / 14px / 400 / lh 22.4px
label-mdThe quick brown fox jumps over the lazy dogcommitMono / 12px / 400 / lh 1.33
buttonThe quick brown fox jumps over the lazy doginter / 14px / 400 / lh 20px
codeconst pack = extract(url)commitMono / 12px / 400 / lh 16px
Font sizes in use
1214161820567796

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

Questions

What font does resend.com use?

resend.com uses domaine, aBCFavorit, inter, commitMono. Headlines are set in domaine and body text in inter, measured from the site as it renders, not read from its stylesheet.

Is the resend.com font free to use?

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

Download the resend.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.