What fonts does Basecamp use?

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

Basecamp website design referenceOpen full Basecamp reference →

Observed typography

Heading font
Graphik
Body font
Graphik
System
One family across both roles

How the page is built

Basecamp's captured homepage has 34 sections and 8 inner pages.

  • 22 content
  • 6 features
  • 1 cta
  • 1 faq
  • 1 pricing
  • 1 showcase
  • 1 stats
  • 1 testimonials

Other sites that use this pair

18 other captured sites use this same pair of fonts.

Captured colors

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

  • #010000
  • #0000ea
  • #0100101
  • #0100102
  • #000000

Styles recorded: Dark.

Same category, same heading font

0 of the 90 other captured Technology sites in this library use Graphik for headings.

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

Basecamp sets headings and body in Graphik, so the hierarchy comes from scale and weight.

Compare it across the library

See the website font trends and the font pairing examples.

Basecamp fonts — FAQ

What font does Basecamp use?

Basecamp uses Graphik for headings and Graphik for body copy in the captured homepage.

Is Graphik free to use?

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

What colors and sections were captured for Basecamp?

5 colors (#010000, #0000ea, #0100101, #0100102, #000000) and 34 homepage sections, with 8 inner pages.

Which other sites use Graphik and Graphik?

18 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