Salesloft Brand guidelines · 2026Contact
Brand guidelines  ·  Typography

Two typefaces,
one voice.

Type is the brand’s loudest asset. Gellix speaks: every headline, every sentence. Plex Mono annotates: every label, every number, every token. Weight belongs to words.
01
Gellix speaks. Plex Mono annotates. Hierarchy comes from contrast, not decoration: one loud statement, quiet labels, and nothing in between.
02

The typefaces.

Two families, two jobs, no substitutes. On the web they lean on Gellix 400 · 600 · 700 and Plex Mono 400 · 500; other media reach for the weights the moment needs.

The voice · Gellix
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 (&!?·)

Gellix.

Headlines · statements · body

Geometric warmth with a straight spine. Gellix carries everything the brand says out loud, from the display moment to the paragraph under it.

Weights in use400 Regular · 600 SemiBold · 700 Bold
FormatVariable 100–900 · self-hosted
LicenseLicensed · Displaay Type Foundry
FallbackOutfit · Google Fonts
The instrument · IBM Plex Mono
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 (&!?·)

IBM Plex Mono.

Labels · data · tokens

The system’s handwriting: precise, technical, quietly confident. Mono marks the machinery, so the reader always knows what is interface and what is voice.

Weights in use400 Regular · 500 Medium
FormatStatic · Google Fonts
LicenseOpen Font License
Fallbackui-monospace · generic
Fallback stacks

Licensed fonts are not always there: email clients, embedded surfaces, slow connections. Each stack names a stand-in that holds the layout until the real face arrives. Outfit is a geometric sans on Google Fonts with x-height and proportions close to Gellix; Plex Mono ships from Google Fonts, so the generic monospace stack is enough.

font-family: "Gellix", "Outfit", system-ui, sans-serif;
font-family: "IBM Plex Mono", ui-monospace, monospace;
Gellix · Primary
Salesloft
AaGgQq 0123
Outfit · Fallback
Salesloft
AaGgQq 0123
03

The roles.

Five roles cover every layout, in every medium. The relationships are the spec: display sits five to six times body, and the middles stay empty. Exact sizes live in the implementations.

Display

The loudest thing on the page. One per view, always two-tone, always closed by the dot.

Weight belongs
to words.
Statement

A full thought given room: the card and band voice. Clay sets up, cream pays off.

A statement carries one idea,
and gives it room.
Section

Titles that carry the argument. Short, declarative, never explanatory.

Sections carry the argument.
Body

The working text. Settles near sixty characters a line; never runs edge to edge.

Body copy does the quiet work: it explains, qualifies, and connects. It holds a comfortable measure, a relaxed leading, and never competes with the display above it.

Label

The mono layer: eyebrows, numbers, captions, buttons. Always uppercase, always tracked.

Manufacturing Sales Agent The Predictive Revenue System
04

The signature moves.

Three moves make Salesloft type recognizable at a glance. They are the brand’s handwriting: use them deliberately, and never more than one headline needs.

The two-tone split

Display lines open muted and land in cream: the eye goes straight to the payoff. Split at the line break, never mid-phrase.

Move with
conviction.
The green period

Green punctuates. It closes display lines and titles, and it never colors a word: the signal marks the end of the ask, not the middle.

One signal, always at the end.
The dim half

Clay lowers the setup so the payoff reads louder. Use it when a statement needs a before and an after.

Salesloft is not the hero. Salesloft makes the revenue professional the hero.
05

Mono discipline.

Plex Mono is a marker, not a voice. It tells the reader “this is the system speaking”: navigation, classification, measurement. The moment it narrates, it stops working.

Where it speaks
Eyebrows & breadcrumbs · the page’s address lineBrand guidelines · 04
Section numbers · green, functional, never decorative01 — 09
Buttons & labels · the ask and its captionsTalk to sales →
Data & chart labels · axes, tags, legendsPipeline · Q1
Token tables · specs and values--green · #5DE27E
The discipline
→Uppercase with tracking at label sizes. Small mono caps are the system’s texture.
→400 and 500 only. Mono never needs to shout.
✕Never body copy. Paragraphs belong to Gellix.
✕Never below 10px. The floor is legibility, not density.
4,872+ Numerals set tabular for stats & counters
so moving numbers never wobble the layout
06

Hierarchy & rhythm.

The scale does the composing. Contrast makes hierarchy; increments only make noise.

→One display moment per view. A page earns one loud statement; everything after it steps down.
→Skip the middles. When two neighboring sizes feel close, one of them is wrong.
→Tighten as you grow. Bigger type takes tighter leading and negative tracking; body relaxes both.
→Measure is the limit. Body settles near sixty characters; ledes run a touch wider; nothing runs edge to edge.
07

Never.

The fastest way to break the voice is to decorate it. If a treatment needs explaining, it doesn’t ship.

✕Never letterspace lowercase display. Tracking belongs to small mono caps.
✕Never fake a weight. No faux bold, no faux italic, no stretching, no outlines.
✕Never color words. Ink and cream speak, clay dims, and green only ever ends the line.
08

Named, not sized.

The chapter owns the roles; the implementations own the numbers. Web sizes live in the site css, product styles live in the DS Foundations.

the voice--sansGellix · variable 100–900 · web leans on 400 / 600 / 700
the instrument--monoIBM Plex Mono · 400 / 500 · uppercase + tracking at label sizes
label styleLabel/M · FigmaMono 500 · 13 · uppercase · buttons & system labels
numeralsfont-variant-numerictabular-nums for stats, counters & timelines
the dot.dot · green/500closes display lines & titles · see 03 · Color
sizes & rampssite css · DS Foundationspixel values live where they ship, not in this chapter
Roles, not sizes · web weights are a lean, not a law · Figma text styles share these names
← Previous

03 · Color.
Typography Salesloft 04 · 13