What fonts does Nextjs use?

Measured from the captured homepage: Geist Sans for headings and Geist Sans for body copy.

Nextjs website design referenceOpen full Nextjs reference →

Observed typography

Heading font
Geist Sans
Body font
Geist Sans
System
One family across both roles

How the page is built

Nextjs's captured homepage has 16 sections and 7 inner pages.

  • 8 content
  • 6 features
  • 1 hero
  • 1 logos

Other sites that use this pair

2 other captured sites use this same pair of fonts.

Captured colors

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

  • #ffffff
  • #171717
  • #fafafa
  • #666666
  • #111111
  • #f2f2f2

Styles recorded: Light, Minimal, Award winner.

Same category, same heading font

1 of the 67 other captured Developer Tools sites in this library use Geist Sans for headings.

Nextjs'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?

Nextjs sets headings and body in Geist Sans, so the hierarchy comes from scale and weight.

Compare it across the library

See the website font trends and the font pairing examples.

Nextjs fonts — FAQ

What font does Nextjs use?

Nextjs uses Geist Sans for headings and Geist Sans for body copy in the captured homepage.

Is Geist Sans free to use?

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

What colors and sections were captured for Nextjs?

6 colors (#ffffff, #171717, #fafafa, #666666, #111111, #f2f2f2) and 16 homepage sections, with 7 inner pages.

Which other sites use Geist Sans and Geist Sans?

2 other captured sites use this same pair of fonts. The links on this page go to the first ones in library order.

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