The Quick Brown Fox
Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.
Figtree and Geist are a sans-serif pairing with a harmonious, low-contrast match. Figtree for headings, Geist for body text. Figtree's humanist warmth meets Geist's engineering precision. The friendly developer stack. Perfect for developer products, CLIs with web dashboards, and technical SaaS.
FIGTREE + GEIST
EDIT BELOW
USE THIS PAIR
# npm
npm install @fontsource/figtree @fontsource/geist
# yarn
yarn add @fontsource/figtree @fontsource/geist
# pnpm
pnpm add @fontsource/figtree @fontsource/geist
# Then import in your app entry point:
import '@fontsource/figtree';
import '@fontsource/geist';
# CSS usage:
# h1, h2, h3 { font-family: 'Figtree', sans-serif; }
# body { font-family: 'Geist', sans-serif; }RECOMMENDED WEIGHTS · FIGTREE
GEIST
CHARACTER SET · FIGTREE
GEIST
Figtree
A friendly geometric sans-serif by Erik Kennedy, designed with just enough warmth to feel approachable without being playful. Its slightly rounded terminals soften the geometric structure.
Erik Kennedy, 2022
sans-serif · 14 styles
Variable · Italic
Recommended: 400, 600, 700
Available: 300–900
Geist
Vercel's system font, designed for code and interface contexts. A geometric sans-serif with monospace-influenced proportions that bridges the gap between technical and consumer-facing typography.
Vercel, 2023
sans-serif · 9 styles
Variable
Recommended: 400, 500
Available: 100–900
Would Figtree + Geist work for my project?
Sends this question and a link back to this page.
The Quick Brown Fox
Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.
The Quick Brown Fox
Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.
The Quick Brown Fox
Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.