Brand

Legion Brand Guidelines

Logos, colors, and type for external use. Use them well.

Legion wordmark for dark backgrounds
Wordmark — for dark backgrounds
Legion wordmark for light backgrounds
Wordmark — for light backgrounds
Legion brandmark for dark backgrounds
Brandmark — for dark backgrounds
Legion brandmark for light backgrounds
Brandmark — for light backgrounds
Legion stacked logo
Stacked logo

Typography

Liquid when life changes.

Elan · Used for headlines and section heads.

Get Elan Book ↗

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

Supreme · Used for paragraphs and UI.

Get Supreme ↗

const legion = { type: "brand" };

Geist Mono · Used for code and figures.

Colors

Ink

Primary dark background

Paper

Primary light background

Bone

Text on Ink

Stone

Muted text on light

Mist

Muted text on dark

Ember

Accent — use sparingly

Usage

  • Don’t recolor the logos. The brandmark works in white or in #1c1c18.
  • Give the brandmark clear space equal to its own height on all sides.
  • Use Ember sparingly — for emphasis only, never for body text or large fills.