What fonts does Lattice use?

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

Lattice website design referenceOpen full Lattice reference →

Observed typography

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

How the page is built

Lattice's captured homepage has 61 sections and 10 inner pages.

  • 23 content
  • 13 features
  • 6 blog
  • 5 testimonials
  • 3 team
  • 2 cta
  • 2 faq
  • 2 statement
  • 1 footer
  • 1 hero
  • 1 logos
  • 1 showcase
  • 1 stats

Other sites that use this pair

6 other captured sites use this same pair of fonts.

Captured colors

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

  • #010101
  • #ffffff
  • #cdface
  • #046645
  • #001f1f
  • #f7f6f2

Styles recorded: Light.

Same category, same heading font

0 of the 110 other captured AI sites in this library use Matter for headings.

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

Lattice sets headings and body in Matter, so the hierarchy comes from scale and weight.

Compare it across the library

See the website font trends and the font pairing examples.

Lattice fonts — FAQ

What font does Lattice use?

Lattice uses Matter for headings and Matter for body copy in the captured homepage.

Is Matter free to use?

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

What colors and sections were captured for Lattice?

6 colors (#010101, #ffffff, #cdface, #046645, #001f1f, #f7f6f2) and 61 homepage sections, with 10 inner pages.

Which other sites use Matter and Matter?

6 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