What font does basecamp.com use?

The typeface on basecamp.com is Graphik, Berkeley Mono and Sharpie, loaded across 15 @font-face declarations. Every font family, weight and source on this page is read straight from the live CSS — no image guessing, no machine learning, just the rules the browser used.

Primary font

Graphik

Total weights

@font-face

Source

Custom web font

Graphik

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (4)

400Typography sets the voice of a brand

500Typography sets the voice of a brand

600Typography sets the voice of a brand

700Typography sets the voice of a brand

CSS to use Graphik

font-family: Graphik, Georgia, 'Times New Roman', serif;

@font-face source

woff2https://basecamp.com/assets/fonts/Graphik-Regular-Cy-Gr-Web.woff2

Get this font

Graphik

Commercial

Commercial Type

Christian Schwartz's neutral grotesque, sold by Commercial Type.

Get Graphik from Commercial Type

Free alternatives if you can't license Graphik

LoraGoogle Fonts

Workhorse free serif with great screen rendering.

Open

Source Serif 4Google Fonts

Cleaner contemporary alternative.

Open

MerriweatherGoogle Fonts

Heavier sibling for editorial body copy.

Open

Used by 2 selectors on the page

Berkeley Mono

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (2)

400Typography sets the voice of a brand

700Typography sets the voice of a brand

CSS to use Berkeley Mono

font-family: 'Berkeley Mono', ui-monospace, SFMono-Regular, monospace;

@font-face source

woff2https://basecamp.com/assets/fonts/BerkeleyMono-Regular.woff2

Get this font

Berkeley Mono

Commercial

Looks like a custom or commercial web font. Try MyFonts for licensing.

Search for Berkeley Mono

Free alternatives if you can't license Berkeley Mono

JetBrains MonoGoogle Fonts

Modern free mono tuned for code.

Open

IBM Plex MonoGoogle Fonts

Distinctive alternative with strong personality.

Open

Fira CodeGoogle Fonts

Mono with programmer ligatures.

Open

Used by 5 selectors on the page

Sharpie

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use Sharpie

font-family: Sharpie, Georgia, 'Times New Roman', serif;

@font-face source

woffhttps://basecamp.com/assets/fonts/SharpiePro-Regular.woff

Get this font

Sharpie

Commercial

Looks like a custom or commercial web font. Try MyFonts for licensing.

Search for Sharpie

Free alternatives if you can't license Sharpie

LoraGoogle Fonts

Workhorse free serif with great screen rendering.

Open

Source Serif 4Google Fonts

Cleaner contemporary alternative.

Open

MerriweatherGoogle Fonts

Heavier sibling for editorial body copy.

Open

Used by 1 selector on the page

Monaspace

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (1)

500Typography sets the voice of a brand

CSS to use Monaspace

font-family: Monaspace, ui-monospace, SFMono-Regular, monospace;

@font-face source

woff2https://basecamp.com/assets/fonts/MonaspaceRadon-Medium.woff2

Get this font

Monaspace

Commercial

Looks like a custom or commercial web font. Try MyFonts for licensing.

Search for Monaspace

Free alternatives if you can't license Monaspace

JetBrains MonoGoogle Fonts

Modern free mono tuned for code.

Open

IBM Plex MonoGoogle Fonts

Distinctive alternative with strong personality.

Open

Fira CodeGoogle Fonts

Mono with programmer ligatures.

Open

Used by 1 selector on the page

How basecamp.com loads its fonts

Get Font Info inspected the homepage of basecamp.com and parsed 46 stylesheets totalling 105.7 KB. Inside those stylesheets we found 15 @font-face declarations — the rules a browser uses to download and register a custom typeface. The primary typefaces are served from custom web font, and 9 CSS rules reference them across the page.

Check the font on a specific element

Open the live inspector and hover any text on basecamp.com to see the exact font, weight, size and line-height for that element.

Open live font inspector for basecamp.com

Frequently asked questions

What font does basecamp.com use?

basecamp.com uses Graphik, Berkeley Mono and Sharpie as its primary typefaces. These fonts are loaded from a self-hosted webfont and applied across 9 CSS rules on the homepage.

Where does basecamp.com load its fonts from?

basecamp.com loads its fonts from a self-hosted webfont. Get Font Info detected 15 @font-face declarations across 46 stylesheets on the live page.

What weights of Graphik does basecamp.com use?

basecamp.com loads Graphik in 4 weights: 400, 500, 600, 700. If you want to match the look, request the same weights from your font host so you only ship what's actually used.

Can I use the same font as basecamp.com on my website?

Yes — once you know the font name, you can load it from the same source. If Graphik isn't a fit (licensing, weight selection, look-and-feel), close alternatives include Lora, Source Serif 4 and Merriweather. Use the CSS snippet on this page as a starting point.

Is the font on basecamp.com free to use?

These fonts are self-hosted webfonts. They may be licensed commercially from a type foundry, custom-made for the brand, or freely available — you would need to identify the typeface and check its license at the foundry.

See fonts used by other sites

Compare the typography on basecamp.com with how other well-known sites load and use their fonts.

What font does bun.sh use?What font does kubernetes.io use?What font does heroku.com use?What font does elastic.co use?What font does intercom.com use?What font does clickup.com use?

About this page

This page lists the fonts loaded by the homepage of basecamp.com. Get Font Info reads the live CSS — every @font-face rule, every font-family declaration — so you see the exact fonts the browser used, not an image-based guess.

More guides: how to find fonts on a website, name the font on a website, what font does this website use, or free font checker.