04

Typography

Typography is one of the most consistent expressions of the Instant brand. Every word, across every surface, is set in one typeface. That consistency is intentional. It creates a unified reading experience that compounds into recognition over time.

Download Inter

Our Typeface

Inter is the primary typeface of the Instant brand. Designed by Rasmus Andersson and built specifically for screen interfaces, it was created from the ground up for legibility at small sizes, with tall x-heights and open letterforms that reduce eye strain and keep copy readable at any scale.

It has become the defining typeface of modern SaaS, powering the interfaces of some of the most recognized software products in the world. For Instant, a brand that lives primarily on screen, it is a natural and considered choice.

What makes Inter exceptional as a brand typeface is its range. Through weight, size, tracking, and color alone, it creates a full typographic hierarchy without ever needing a second typeface. At Semibold with tight tracking it commands attention. At Medium with generous line height it disappears into comfortable body copy. That versatility is rare and it is exactly why Inter works so hard for the Instant brand.

Thin, Light, and Extrabold are not part of the Instant type system and should never be used.

Typesetting

Good typesetting is what separates a brand that looks considered from one that looks assembled. These are the rules that keep Instant typography feeling tight, intentional, and consistent across every application.

Headline

Inter Semibold

Leading: 100%

Tracking: -6%

Let Instant handle it.

Body

Inter Medium

Leading: 140%

Tracking: -4%

Body text is regular width and regular weight. Typography is a crucial aspect of any design project, as it can make or break the readability and overall aesthetic of the final product. The choice of font, size, spacing, and color all play a significant role in how the text is perceived by the viewer.

Eyebrow

Fragment Mono

Leading: 120%

Tracking: -4%

Technical data or tertiary information can be used small in mono.

Let Instant handle it.

Tracking

Tracking varies across the type scale, from tight and dense at display sizes to neutral at body size. Type is always set between -3% and -6% letter spacing. Display headlines sit at the tightest end of that range, and body copy at the lower end. Negative tracking is the single most important typographic decision in the Instant system. It gives our type their density and modernity.

Let Instant handle it.

Alignment

Alignment depends on context. Center alignment is used for website hero sections, campaign headlines, and advertising, where type sits as a statement in open space. Left alignment is used for cards, body copy, documents, and any context where text runs longer than a single statement. Never justify type.

No time to build emails?

Let Instant handle it.

Line length

Body copy line lengths should sit between 60 and 80 characters for optimal readability. In marketing contexts, 40 to 55 characters creates more rhythm and pace.

Let Instant handle it.

Line height

Body copy is set at a line height of 140%. Headlines and display type sit tighter, between 110% and 130% to maintain density and visual weight.

Let Instant handle it.

Color in type

Primary copy is white on dark backgrounds and Instant Black on light. Use Core Green sparingly for key terms, data points, and emphasis. When used as a text highlight, the green rectangle sits behind the word or phrase and always includes any punctuation directly attached to it, like a comma or period.

Let Instant handle it.

No time to build emails?

Mixing typefaces

Inter is always the foundation. Caveat and Fragment Mono are brought in only when the context specifically calls for them. Never use both secondary typefaces in the same layout. Inter and one supporting typeface is the maximum in any single composition.

Hierarchy

The Instant type scale runs from large display headlines down to small UI labels. Each level has a specific role, weight, and tracking value. Used consistently, the scale creates clear visual hierarchy across every surface and application.

Strong hierarchy is what makes a layout readable at a glance. By varying size, weight, and spacing across the type scale, each level of content finds its place without competing with the levels around it. The largest elements command immediate attention. The smallest recede into supporting roles. Everything in between creates the structure that guides the reader through the content. When hierarchy is working well, the reader never has to think about where to look next.

Turn us on in Q1.

Have +$1.5M by Q3.

All your email flows done in 30 mins, forever.

Center aligned, equal spacing between three elements.

“What really impressed us was how quickly we started seeing results, and how knowledgeable and committed their Customer Success team was.”

Leanne Chan

Sr. Director, Retention and Growth Marketing

Ranged left, balanced rag. Use hanging punctuation when possible.

Secondary Typefaces

Two secondary typefaces support Inter in specific contexts. They are accents, not alternatives. Use them with intention and restraint, and never alongside each other in the same composition.

Caveat

A handwritten typeface used for callouts, annotations, and moments where a human touch is needed. It adds warmth and personality to layouts without breaking the overall system. Think of it as a pen on top of a polished design. Caveat is always set in Bold with -2% tracking. It truly comes to life when angled at around 5 degrees, leaning into its handwritten character and giving it the natural, informal energy that makes it feel authentic rather than placed. Caveat is never used for body copy, headings, or any functional text.

Fragment Mono

A monospace typeface used for data labels, chart annotations, and graphic elements where a technical and precise feel is needed. It signals numbers, data, and detail, reinforcing the analytical side of the Instant brand. Fragment Mono is always set in Regular weight at 0% tracking, letting the natural spacing of the monospace letterforms do the work. It performs particularly well in product graphics, dashboard visuals, and any context where data is being communicated visually.

Caveat

Caveat

Fragment Mono

Fragment Mono

Incorrect Usage

Our typographic system allows for a wide range of flexibility and creative liberty, but some rules should be followed to ensure consistency and considered typesetting. Avoid the following.

Headline

Don't use an unauthorized typeface

The most common mistake. Someone reaches for a different font because Inter feels too familiar or they want something more decorative. Any typeface that isn't Inter, Caveat, or Fragment Mono has no place in the Instant system. Not for headlines, not for callouts, not for anything.

Headline

Don’t set headlines at default tracking

A headline set at 0% tracking looks unfinished and generic. The -5% tracking on display and headline type is one of the most important rules in the system. It is also one of the easiest to miss if someone is working quickly or using a template that hasn't been set up correctly.

Headline

Don’t use secondary typefaces as a primary typeface

Both secondary typefaces, Caveat and Fragment Mono are accents. They are brought in to support a composition, not to lead it. Using these typefaces for body copy immediately breaks the hierarchy and makes the layout feel unbalanced and off-brand.

Everyday Usage

Medium and Semi Bold are our defaults for everyday typesetting. Establishing this typographic hierarchy helps clarify which weights and sizes carry the most important information, and which ones support it. Ideal for moments where clear communication and brand recognition take priority over typographic expression and experimentation.

Everyday Instant typography is clean, functional, and consistent. Inter carries the full load across product interfaces, marketing pages, email templates, documents, and presentations. The hierarchy is clear, the tracking is tight on headlines, and color usage is restrained.

Expressive Usage

For moments that require a more expressive typographic treatment, the rules around tracking and leading can be interpreted more loosely. Here, typography becomes its own distinct graphic object, pushed and placed to create dynamic and compelling compositions. Always consider the relationship of type to the rest of the layout.

When setting type expressively, ask yourself: does the type feel integral to the composition? Is it in conversation with the other design elements around it, whether that's the green gradient, product visuals, or negative space? Conventions can be challenged. Experimentation is encouraged.

Aspects to play with:

  • Spacing
  • Scale
  • Contrast
  • Orientation
  • Repetition
  • Legibility
  • Color

These executions are not templates. They are examples of what the Instant brand is capable of when typography is treated as a design element in its own right. The brand voice and color system still apply. Everything else is open to interpretation.

Last Updated April 2026 © Instant