Webflow brand system audit
Webflow runs a technical geometry on a dark carbon canvas, set in WF Visual Sans. 7 of 10 contrast pairings pass WCAG 2.1 AA and the homepage scores 96/100 for technical SEO.
3 dimensions
- Brand consistency
- 94
- WCAG 2.1 contrast
- 70
- SEO readiness
- 96
01Brand palette
consistency 94/10002Typography
Body copy set in the brand’s text face, at reading size and comfortable measure.
- Headings
- WF Visual Sans
- previewed with Poppins
- Body
- WF Visual Sans Text
- previewed with Inter
- Mono / data
- Inconsolata
- Google Fonts
03UI vibe & geometry
- Radius style
- Technical · 4-6 px
- Controls
- 4px
- Cards
- 8px
- Surface
- Dark carbon · #080808 / #171717 / #363636
04WCAG 2.1 contrast
7/10 AA · 3/10 AAA| Pairing | Colors | Ratio | AA | AAA |
|---|---|---|---|---|
| AaBody text on surface | #FFFFFF / #080808 | 20.03:1 | Pass | Pass |
| AaSecondary text on surface | #ABABAB / #080808 | 8.72:1 | Pass | Pass |
| AaPrimary as link/text on surface | #146EF5 / #080808 | 4.37:1 | Large only | Fail |
| AaButton label on primary | #FFFFFF / #146EF5 | 4.59:1 | Pass | Fail |
| AaAccent on surface | #3B89FF / #080808 | 5.92:1 | Pass | Fail |
| AaSecondary on surface | #7A3DFF / #080808 | 3.76:1 | Large only | Fail |
| AaWhite on secondary | #FFFFFF / #7A3DFF | 5.33:1 | Pass | Fail |
| AaBody text on white | #FFFFFF / #FFFFFF | 1.00:1 | Fail | Fail |
| AaDark mode: text on canvas | #F5F5F7 / #0A0E14 | 17.76:1 | Pass | Pass |
| AaDark mode: primary on canvas | #2377F6 / #0A0E14 | 4.64:1 | Pass | Fail |
05SEO readiness
13 of 14 checks pass- passTitle tag55 chars: “Webflow: The agentic web platform for modern businesses”
- passMeta description151 chars
- warnSingle H1 heading2 H1 element(s)
- passCanonical URLhttps://webflow.com/
- passHTML lang attributelang="en"
- passMobile viewportwidth=device-width, initial-scale=1
- passOpen Graph tags3/3 of og:title, og:description, og:image
- passTwitter / X cardsummary_large_image
- passStructured data (JSON-LD)Organization, WebSite, SoftwareApplication, WebPage
- passHTTPSServed over HTTPS
- passIndexable (robots meta)No robots restrictions
- passXML sitemap23018 URLs · https://webflow.com/sitemap.xml
- passFavicon / touch iconIcon link present
- passImage alt text100% of 155 images
webflow.com brand audit FAQ
What are Webflow's brand colors?
Webflow uses #146EF5 as its primary color, #7A3DFF as secondary and #3B89FF as accent, on a #080808 surface with #FFFFFF text (snapshot from 11 Nov 2026).
Which fonts does webflow.com use?
Headings are set in WF Visual Sans (free stand-in: Poppins) and body text in WF Visual Sans Text (free stand-in: Inter). Proprietary faces are paired with the closest free Google Fonts family for documents and previews.
Does webflow.com pass WCAG contrast checks?
7 of 10 key color pairings pass WCAG 2.1 AA and 3 pass AAA. The full PDF report suggests a passing replacement color for every pairing that fails.
What is webflow.com's technical SEO score?
The homepage scores 96/100 across 14 technical SEO checks, with 13 passing: title, meta description, H1, canonical, Open Graph, structured data, sitemap, HTTPS and image alt text among them.
How was this Webflow audit made?
SuiteAnvil StyleExtract read the public homepage of webflow.com, its CSS, logo, metadata and sitemap. Run the same audit on any URL for free and export the PDF report or Tailwind v4 tokens.
Take this audit further.
The full report adds prioritized findings, the tonal scale, dark-mode tokens and a developer appendix with Tailwind v4, CSS variables, .cursorrules and DESIGN.md.
Embed on your site (free)Link the Webflow press kit or show the live brand score badge.
A plain text link to the hosted press & brand kit, e.g. in your site footer or press page.
<a href="https://suiteanvil.com/kit/webflow.com">Press & Brand Kit</a>
The badge links to the audit and updates after each rescan. Score: mean of brand consistency and the share of WCAG 2.1 AA color pairings.
<a href="https://suiteanvil.com/audit/webflow.com"><img src="https://suiteanvil.com/api/badge/webflow.com.svg" alt="Brand and WCAG score for webflow.com by SuiteAnvil" height="20"></a>[](https://suiteanvil.com/audit/webflow.com)Snapshot of webflow.com’s public website from 11 Nov 2026, produced by SuiteAnvil StyleExtract. Values change as the site evolves. Webflow and its marks belong to their owner; SuiteAnvil is not affiliated with or endorsed by Webflow.
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