What fonts does Ladder use?

Measured from the captured homepage: EKModena Extended Heavy for headings and SFPro Display for body copy.

Ladder website design referenceOpen full Ladder reference →

Observed typography

Heading font
EKModena Extended Heavy
Body font
SFPro Display
System
Two-family hierarchy

How the page is built

Ladder's captured homepage has 15 sections and 3 inner pages.

  • 5 features
  • 4 content
  • 2 showcase
  • 1 hero
  • 1 logos
  • 1 statement
  • 1 team

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 6 colors, in capture order.

  • #0e0e0e
  • #fafafa
  • #e6ff00
  • #bcbcbc
  • #ffffff
  • #010000

Styles recorded: Dark.

Same category, same heading font

0 of the 166 other captured Health & Fitness sites in this library use EKModena Extended Heavy for headings.

Ladder's website font choices

Captured September 22, 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?

Ladder pairs EKModena Extended Heavy for headings with SFPro Display for body copy.

Compare it across the library

See the website font trends and the font pairing examples.

Ladder fonts — FAQ

What font does Ladder use?

Ladder uses EKModena Extended Heavy for headings and SFPro Display for body copy in the captured homepage.

Is EKModena Extended Heavy free to use?

Check the foundry license for EKModena Extended Heavy before shipping it. This page records what appeared on Ladder's site and grants no reuse rights.

What colors and sections were captured for Ladder?

6 colors (#0e0e0e, #fafafa, #e6ff00, #bcbcbc, #ffffff, #010000) and 15 homepage sections, with 3 inner pages.

Which other sites use EKModena Extended Heavy and SFPro 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