TypographyTypography is a core part of the Resend visual system. It supports clarity, hierarchy, and consistency across product, marketing, and documentation.
The Resend type system is designed to work across different contexts, from editorial layouts to technical interfaces. Each typeface has a defined role, ensuring typography remains clear, legible, and consistent throughout our ecosystem.
Font stackResend uses a defined font stack, with each typeface serving a clear role.
Domaine Display Narrow by Kris Sowersby at Klim Type brings contrast to the system. Its condensed proportions and sharp details create space for expressive typographic moments.
Favorit by Dinamo is a grotesque sans that balances neutrality with character, combining precision with approachability.
Inter by Rasmus Andersson is designed for on-screen readability. Its open forms and balanced spacing support clarity across digital interfaces.
CommitMono by Eigil Nikolajsen is a monospaced typeface with consistent character widths, designed for accuracy and legibility.
Domaine Display NarrowDisplay
FavoritHeadings
InterBody
CommitMonoCode
UsageOur typography system follows a clear hierarchy.
Domaine Display Narrow is reserved for large editorial headlines. Favorit is used for headings and titles. Inter is used for all body text, UI copy, and supporting content. CommitMono is used for code, inline code, and system output.
Using each typeface within its intend role helps maintain clarity and consistency across the system.
HeadlinesDomaine Display NarrowEmail for
developers
Titles, subtitlesFavoritFirst-class
developer experience
Body copyInterThe best way to reach humans instead of spam folders.
Deliver transactional and marketing emails at scale.
CodeCommitMonoimport { Resend } from 'resend'; CaseTypography within the Resend design system should use sentence case.
Avoid title case, including in headings, buttons, labels, and navigation. Sentence case supports readability and a natural, conversational tone.
Email for developersThe best way to reach humans
instead of spam folders
MisuseTypography choices directly affect readability, hierarchy, and consistency across the system. Using the type stack outside the guidelines can introduce confusion, visual noise, or legibility issues.
Below are some examples of inappropriate typography applications.
Email API
that just works
No.Don't replace brand fonts.
Email API
that just works
No.Don't use Domaine in the product.
Email API
that just works
No.Don't use weights that aren't part of the approved scale.
Email API
that just works
No.Don't apply contextual alternates inconsistently.
Email API
that just works
No.Don't use mono styles for titles or body copy.
Email API
that just works
No.Don't fake bold or italic styles.