Discord Uses Ginto

Discord has a harder typographic problem than most consumer software. The marketing site has to feel like a games brand — loud, playful, slightly chaotic. The product is a text interface that people keep open for eight hours at a stretch, where loud and playful becomes exhausting by lunchtime.

The solution was one family, customised, split across two registers.

What's loaded

Discord runs bespoke cuts of Ginto, Dinamo's grotesque — specifically ABC Ginto Discord for text and ABC Ginto Nord for display, alongside its own gg sans for product UI.

The headline in the screenshot — GROUP CHAT THAT'S ALL FUN & GAMES — is Ginto Nord: the heavy, narrow, tightly-fitted display cut. The wordmark, navigation and body copy sit in the lighter text cut.

The same page also declares an unusually long tail of display faces for Discord's font-customisation features — Fraunces, New Rocker, Orbitron, Corinthia, Playpen Sans, Source Code Pro among them. Several of those are free fonts you can use directly: Fraunces, New Rocker, Orbitron, Corinthia, Source Code Pro.

Why a customised grotesque rather than a display face

The obvious route for a gaming-adjacent brand is a purpose-built display typeface — something angular, technical, esports-flavoured. Plenty of competitors went there.

Ginto Nord instead gets its energy from weight and width, not from letterform gimmicks. It is a grotesque compressed and fattened until it shouts, but the underlying skeleton is still a rational sans. Set it at 20px and it would be perfectly readable; set it at 60px in all caps over an illustration and it hits like a poster.

That matters because the display cut and the text cut are the same design. A brand that pairs an aggressive display face with an unrelated neutral sans has two personalities and a seam between them. Discord's headline and its body copy are visibly the same voice at different volumes.

The bespoke customisation — Dinamo drew Discord-specific versions rather than licensing the retail family unchanged — follows the same pattern as On Diatype: take a well-drawn grotesque, adjust it toward the brand's specific temperament, keep the engineering underneath.

The product does the opposite

Worth noting because it is the disciplined half: none of this energy appears inside the app. The chat client runs gg sans, a quiet UI face with no display ambitions at all.

That split — expressive marketing, invisible product — is the correct call for software people use for hours. The homepage has to make you want to install it. The interface has to not tire you out.

Free Alternatives

Ginto is a grotesque, so the free matches are grotesques. Our top pick is Inter at 80% for the text register — screen-drawn, tall x-height, variable 100–900.

Work Sans (78%) has slightly more character and holds a mid-size heading better.

The harder half is Ginto Nord. Nothing free matches a bespoke compressed-and-fattened cut, but you can build the same effect:

Anton — single weight, very heavy, condensed. The closest free equivalent for an all-caps poster headline.

Archivo-style width axes — Saira carries a wdth axis from 50 to 125 plus weights to 900, so you can dial in a heavy narrow display cut and use the normal width for text from the same family. That reproduces Discord's structural trick — one family, two volumes — better than pairing two unrelated fonts.

Bricolage Grotesque — variable weight, width (75–100) and optical size, with deliberate irregularities that suit a brand with personality.

/* One family, two volumes — the Discord pattern */
.hero h1 {
  font-family: "Saira", sans-serif;
  font-variation-settings: "wdth" 75, "wght" 900;
  text-transform: uppercase;
  line-height: 0.9;
  letter-spacing: -0.01em;
}

body, nav {
  font-family: "Saira", sans-serif;
  font-variation-settings: "wdth" 100, "wght" 400;
}