What fonts does Webflow use?

Measured from the captured homepage: WF Visual Sans for headings and WF Visual Sans for body copy.

Webflow website design referenceOpen full Webflow reference →

Observed typography

Heading font
WF Visual Sans
Body font
WF Visual Sans
System
One family across both roles

How the page is built

Webflow's captured homepage has 47 sections and 10 inner pages.

  • 24 content
  • 15 features
  • 2 pricing
  • 1 blog
  • 1 cta
  • 1 footer
  • 1 hero
  • 1 statement
  • 1 testimonials

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 6 colors, in capture order.

  • #080808
  • #ffffff
  • #146ef5
  • #5a5a5a
  • #6b7280
  • #1a1a1a

Styles recorded: Light.

Same category, same heading font

0 of the 110 other captured AI sites in this library use WF Visual Sans for headings.

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

Webflow sets headings and body in WF Visual Sans, so the hierarchy comes from scale and weight.

Compare it across the library

See the website font trends and the font pairing examples.

Webflow fonts — FAQ

What font does Webflow use?

Webflow uses WF Visual Sans for headings and WF Visual Sans for body copy in the captured homepage.

Is WF Visual Sans free to use?

Check the foundry license for WF Visual Sans before shipping it. This page records what appeared on Webflow's site and grants no reuse rights.

What colors and sections were captured for Webflow?

6 colors (#080808, #ffffff, #146ef5, #5a5a5a, #6b7280, #1a1a1a) and 47 homepage sections, with 10 inner pages.

Which other sites use WF Visual Sans and WF Visual Sans?

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