Typography

Two faces, strictly divided. Fraunces is the display voice: bookish and a little inky, the typographic version of the graduation cap. Geist does everything else: quiet, modern, and comfortable for learners reading in their second language.

The faces

Fraunces

Display only: heroes, page titles, pull quotes. Never more than two lines.

Geist

Everything else: body, UI, captions, code. Two weights, regular and semibold, cover nearly every job.

Scale

Write it again, better

Display · Fraunces · hero moments only

Feedback that meets your level

Title · Fraunces · page titles

What changed in this draft

Heading · Geist semibold · section heads

Your conclusion restates the question instead of answering it. Try naming the strongest reason you gave in paragraph two.

Body · Geist regular · 16px, the default

Draft 3 · reviewed 2 minutes ago

Caption · Geist · metadata and labels

Rules

Your second draft fixed the tense errors from the first.

Set running text in Geist at 16px or larger.

Don't

Your second draft fixed the tense errors from the first.

Don't set paragraphs in the display face.

Start writing

Ink on Porcelain or Ink on Lemon, sentence case, two weights.

Don't

Start writing

Never Lemon or Amber text on light grounds, and no all-caps.