What fonts does Locomotive use?

Measured from the captured homepage: Locomotive New for headings and Helvetica Now Display for body copy.

Locomotive website design referenceOpen full Locomotive reference →

Observed typography

Heading font
Locomotive New
Body font
Helvetica Now Display
System
Two-family hierarchy

How the page is built

Locomotive's captured homepage has 17 sections and 3 inner pages.

  • 11 content
  • 1 about
  • 1 features
  • 1 footer
  • 1 hero
  • 1 showcase
  • 1 statement

Other sites that use this pair

No other captured site in this library uses this same pair of fonts.

Captured colors

The captured homepage uses these 2 colors, in capture order.

  • #ffffff
  • #000000

Styles recorded: Light, Minimal.

Same category, same heading font

0 of the 58 other captured Portfolio sites in this library use Locomotive New for headings.

Locomotive's website font choices

Captured September 21, 2026. Read it with the full reference, where the palette, section order and responsive views sit next to the type.

A single family or a two-font system?

Locomotive pairs Locomotive New for headings with Helvetica Now Display for body copy.

Compare it across the library

See the website font trends and the font pairing examples.

Locomotive fonts — FAQ

What font does Locomotive use?

Locomotive uses Locomotive New for headings and Helvetica Now Display for body copy in the captured homepage.

Is Locomotive New free to use?

Check the foundry license for Locomotive New before shipping it. This page records what appeared on Locomotive's site and grants no reuse rights.

What colors and sections were captured for Locomotive?

2 colors (#ffffff, #000000) and 17 homepage sections, with 3 inner pages.

Which other sites use Locomotive New and Helvetica Now Display?

No other captured site in this library uses this same pair of fonts.

Fonts come from the rendered capture and may change when the site does. Library methodology