What fonts does Sarah Drasner use?

Measured from the captured homepage: Placard Next for headings and Mercury Display A for body copy.

Sarah Drasner website design referenceOpen full Sarah Drasner reference →

Observed typography

Heading font
Placard Next
Body font
Mercury Display A
System
Two-family hierarchy

How the page is built

Sarah Drasner's captured homepage has 4 sections and 0 inner pages.

  • 1 content
  • 1 footer
  • 1 statement
  • 1 team

Other sites that use this pair

No other captured site in this library uses this same pair of fonts.

Captured colors

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

  • #141618
  • #b5b3b3
  • #4444ff
  • #ffffff

Styles recorded: Dark.

Same category, same heading font

0 of the 58 other captured Portfolio sites in this library use Placard Next for headings.

Sarah Drasner'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?

Sarah Drasner pairs Placard Next for headings with Mercury Display A for body copy.

Compare it across the library

See the website font trends and the font pairing examples.

Sarah Drasner fonts — FAQ

What font does Sarah Drasner use?

Sarah Drasner uses Placard Next for headings and Mercury Display A for body copy in the captured homepage.

Is Placard Next free to use?

Check the foundry license for Placard Next before shipping it. This page records what appeared on Sarah Drasner's site and grants no reuse rights.

What colors and sections were captured for Sarah Drasner?

4 colors (#141618, #b5b3b3, #4444ff, #ffffff) and 4 homepage sections, with 0 inner pages.

Which other sites use Placard Next and Mercury Display A?

No other captured site in this library uses this same pair of fonts.

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