What fonts does tldraw use?

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

tldraw website design referenceOpen full tldraw reference →

Observed typography

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

How the page is built

tldraw's captured homepage has 43 sections and 9 inner pages.

  • 25 content
  • 6 features
  • 4 testimonials
  • 3 showcase
  • 2 blog
  • 1 cta
  • 1 footer
  • 1 hero

Other sites that use this pair

2 other captured sites use this same pair of fonts.

Captured colors

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

  • #fefefe
  • #404047
  • #000000
  • #0d0d0d
  • #edf0f2
  • #155dfc

Styles recorded: Light.

Same category, same heading font

0 of the 67 other captured Developer Tools sites in this library use Archivo for headings.

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

tldraw sets headings and body in Archivo, so the hierarchy comes from scale and weight.

Compare it across the library

See the website font trends and the font pairing examples.

tldraw fonts — FAQ

What font does tldraw use?

tldraw uses Archivo for headings and Archivo for body copy in the captured homepage.

Is Archivo free to use?

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

What colors and sections were captured for tldraw?

6 colors (#fefefe, #404047, #000000, #0d0d0d, #edf0f2, #155dfc) and 43 homepage sections, with 9 inner pages.

Which other sites use Archivo and Archivo?

2 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