Webflow leads with #146EF5 (blue) set in WF Visual Sans; Framer with #FFFFFF (white) set in GT Walsheim Medium. Controls are 4px versus 8px, and 7 of 10 versus 6 of 8 key color pairings pass WCAG 2.1 AA.
Body copy at reading size.
Body copy at reading size.
Measured values side by side. The last column is arithmetic on those values, not a judgment.
| Attribute | Webflow | Framer | Difference |
|---|---|---|---|
| Primary color | #146EF5 · Blue | #FFFFFF · White | Different hue, OKLab ΔE 48 |
| Text color | #FFFFFF | #FFFFFF | Identical |
| Canvas | #080808 · Dark carbon | #000000 · Dark carbon | Both dark carbon |
| Mode | Dark-first | Dark-first | Same |
| Heading font | WF Visual Sans (free stand-in Poppins) | GT Walsheim Medium (free stand-in DM Sans) | Different families |
| Body font | WF Visual Sans Text (free stand-in Inter) | Inter | Different families |
| Control radius | 4px | 8px | Framer rounder by 4px |
| Card radius | 8px | 15px | Framer rounder by 7px |
| Radius style | Technical | Rounded | Different |
| WCAG 2.1 AA | 7 of 10 (70%) | 6 of 8 (75%) | Framer higher by 5 pts |
| WCAG 2.1 AAA | 3 of 10 (30%) | 5 of 8 (63%) | Framer higher by 33 pts |
| Button label contrast | 4.59:1 | 18.86:1 | Framer higher by 14.27 |
| Technical SEO | 96/100 | 100/100 | Framer higher by 4 |
| SEO checks passing | 13 of 14 | 14 of 14 | Framer passes 1 more |
| XML sitemap | 23,018 URLs | 6,609 URLs | Both found |
| Structured data | Organization, WebSite, SoftwareApplication | Organization | Both publish JSON-LD |
| Data from | 11 Nov 2026 | 11 Nov 2026 | Both reference snapshots |
| Pairing | Webflow | Framer |
|---|---|---|
| Body text on surface | Aa20.03:1AA | Aa21.00:1AA |
| Secondary text on surface | Aa8.72:1AA | Aa7.37:1AA |
| Primary as link/text on surface | Aa4.37:1Large | same colors as another pairing |
| Button label on primary | Aa4.59:1AA | Aa18.86:1AA |
| Accent on surface | Aa5.92:1AA | Aa7.00:1AA |
| Secondary on surface | Aa3.76:1Large | Aa3.74:1Large |
| White on secondary | Aa5.33:1AA | Aa5.61:1AA |
| Body text on white | Aa1.00:1Fail | Aa1.00:1Fail |
| Dark mode: text on canvas | Aa17.76:1AA | Aa17.04:1AA |
| Dark mode: primary on canvas | Aa4.64:1AA | same colors as another pairing |
Homepage checks from each dated scan. Sites that refuse automated requests show no score rather than an estimate.
Webflow uses #146EF5 as primary, #7A3DFF as secondary and #3B89FF as accent, with #FFFFFF text on #080808. Framer uses #FFFFFF as primary, #0055FF as secondary and #0099FF as accent, with #FFFFFF text on #000000. Click any swatch on this page to copy its hex code.
Webflow sets headings in WF Visual Sans (free stand-in Poppins) and body text in WF Visual Sans Text (free stand-in Inter). Framer sets headings in GT Walsheim Medium (free stand-in DM Sans) and body text in Inter. Proprietary faces are previewed with the named free Google Fonts stand-in.
Webflow uses 4px controls and 8px cards (technical geometry). Framer uses 8px controls and 15px cards (rounded geometry). Control radius: framer rounder by 4px.
Webflow passes 7 of 10 key pairings at WCAG 2.1 AA (70%) and 3 at AAA. Framer passes 6 of 8 at AA (75%) and 5 at AAA. The pairings cover body text, links, buttons and dark mode.
Webflow's homepage scores 96/100, with 13 of 14 checks passing. Framer's homepage scores 100/100, with 14 of 14 checks passing. Scores come from SuiteAnvil's 14 weighted technical checks (title, description, H1, canonical, Open Graph, structured data, sitemap, HTTPS and more) and are never estimated.
Enter your URL in the benchmark form on this page. SuiteAnvil scans your homepage, CSS and sitemap, then opens the same side-by-side view of your site against Framer, or against Webflow.
Dated snapshots of each company's public website styling for educational and interoperability purposes. Brands evolve; values may change. Names and logos are trademarks of their owners, shown for identification only; SuiteAnvil is not affiliated with or endorsed by Webflow or Framer.
SuiteAnvil extracts publicly visible design tokens, logos, and font references for workflow automation. You are responsible for ensuring you hold valid commercial rights or client authorization for any proprietary fonts, trademarks, and brand assets before commercial publication. Licensing notice