Vercel
vercel.com · reference 10 Nov 2026
Palette · click to copy
Typography
Aa Clarity
Body copy at reading size.
- Headings
- Geist
- Body
- Geist
Technical · 4-6 px
Vercel
PrimarySecondary
controls 6px · cards 12px
- WCAG AA
- 7/8
- WCAG AAA
- 6/8
- Tech SEO
- 95
Design system comparison · vercel.com / supabase.com
Vercel vs Supabase: brand colors, fonts & UI tokens
Vercel leads with #171717 (carbon) set in Geist; Supabase with #3ECF8E (emerald) set in Circular. Both use 6px controls, and 7 of 8 versus 7 of 9 key color pairings pass WCAG 2.1 AA.
Vercel: reference 10 Nov 2026Supabase: reference 10 Nov 2026
Supabase
supabase.com · reference 10 Nov 2026
Palette · click to copy
Typography
Aa Clarity
Body copy at reading size.
- Headings
- Circular
- Body
- Circular
- Free stand-in
- DM Sans
Technical · 4-6 px
Supabase
PrimarySecondary
controls 6px · cards 12px
- WCAG AA
- 7/9
- WCAG AAA
- 7/9
- Tech SEO
- 100
Differences at a glance
Measured values side by side. The last column is arithmetic on those values, not a judgment.
| Attribute | Vercel | Supabase | Difference |
|---|---|---|---|
| Primary color | #171717 · Carbon | #3ECF8E · Emerald | Different hue, OKLab ΔE 57.9 |
| Text color | #171717 | #EDEDED | OKLab ΔE 74.1 |
| Canvas | #FAFAFA · Neutral white | #121212 · Dark carbon | Different surface tone |
| Mode | Light | Dark-first | Different |
| Heading font | Geist | Circular (free stand-in DM Sans) | Different families |
| Body font | Geist | Circular (free stand-in DM Sans) | Different families |
| Control radius | 6px | 6px | Identical |
| Card radius | 12px | 12px | Identical |
| Radius style | Technical | Technical | Same |
| WCAG 2.1 AA | 7 of 8 (88%) | 7 of 9 (78%) | Vercel higher by 10 pts |
| WCAG 2.1 AAA | 6 of 8 (75%) | 7 of 9 (78%) | Supabase higher by 3 pts |
| Button label contrast | 17.93:1 | 9.45:1 | Vercel higher by 8.48 |
| Technical SEO | 95/100 | 100/100 | Supabase higher by 5 |
| SEO checks passing | 13 of 14 | 14 of 14 | Supabase passes 1 more |
| XML sitemap | 9,434 URLs | 3,505 URLs | Both found |
| Structured data | Organization, Service, SoftwareApplication | Organization, WebSite, SoftwareApplication | Both publish JSON-LD |
| Data from | 10 Nov 2026 | 10 Nov 2026 | Both reference snapshots |
WCAG 2.1 contrast, pairing by pairing
| Pairing | Vercel | Supabase |
|---|---|---|
| Body text on surface | Aa17.18:1AA | Aa16.00:1AA |
| Secondary text on surface | Aa5.50:1AA | Aa7.16:1AA |
| Button label on primary | Aa17.93:1AA | Aa9.45:1AA |
| Accent on surface | Aa4.36:1Large | Aa7.05:1AA |
| Secondary on surface | Aa20.12:1AA | same colors as another pairing |
| White on secondary | Aa21.00:1AA | Aa1.17:1Fail |
| Body text on white | Aa17.93:1AA | Aa1.17:1Fail |
| Dark mode: text on canvas | Aa18.17:1AA | Aa17.47:1AA |
| Primary as link/text on surface | same colors as another pairing | Aa9.39:1AA |
| Dark mode: primary on canvas | same colors as another pairing | Aa9.53:1AA |
Technical SEO snapshot
Homepage checks from each dated scan. Sites that refuse automated requests show no score rather than an estimate.
Vercel
vercel.com · 10 Nov 2026
95
13 of 14 checks pass
- passTitle tag31 chars: “Agentic Infrastructure - Vercel”
- warnMeta description45 chars
- passSingle H1 heading1 H1 element(s)
- passCanonical URLhttps://vercel.com/
- passHTML lang attributelang="en"
- passMobile viewportwidth=device-width, initial-scale=1, maximum-scale=1
- passOpen Graph tags3/3 of og:title, og:description, og:image
- passTwitter / X cardsummary_large_image
- passStructured data (JSON-LD)Organization, Service, SoftwareApplication
- passHTTPSServed over HTTPS
- passIndexable (robots meta)robots="index, max-image-preview:large"
- passXML sitemap9434 URLs · https://vercel.com/sitemap.xml
- passFavicon / touch iconIcon link present
- passImage alt text100% of 23 images
Supabase
supabase.com · 10 Nov 2026
100
14 of 14 checks pass
- passTitle tag44 chars: “Supabase | The Postgres Development Platform”
- passMeta description159 chars
- passSingle H1 heading1 H1 element(s)
- passCanonical URLhttps://supabase.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, Service
- passHTTPSServed over HTTPS
- passIndexable (robots meta)No robots restrictions
- passXML sitemap3505 URLs · https://supabase.com/sitemap.xml
- passFavicon / touch iconIcon link present
- passImage alt text100% of 57 images
Benchmark your own site
Vercel vs Supabase FAQ
What are the brand colors of Vercel and Supabase?
Vercel uses #171717 as primary, #000000 as secondary and #0070F3 as accent, with #171717 text on #FAFAFA. Supabase uses #3ECF8E as primary, #EDEDED as secondary and #24B47E as accent, with #EDEDED text on #121212. Click any swatch on this page to copy its hex code.
Which fonts do Vercel and Supabase use?
Vercel sets headings in Geist. Supabase sets headings in Circular (free stand-in DM Sans). Proprietary faces are previewed with the named free Google Fonts stand-in.
Does Vercel or Supabase use rounder corners?
Vercel uses 6px controls and 12px cards (technical geometry). Supabase uses 6px controls and 12px cards (technical geometry). Control radius: identical.
Which brand palette passes more WCAG contrast checks?
Vercel passes 7 of 8 key pairings at WCAG 2.1 AA (88%) and 6 at AAA. Supabase passes 7 of 9 at AA (78%) and 7 at AAA. The pairings cover body text, links, buttons and dark mode.
How do Vercel and Supabase compare on technical SEO?
Vercel's homepage scores 95/100, with 13 of 14 checks passing. Supabase'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.
How can I compare my own website with Supabase?
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 Supabase, or against Vercel.
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 Vercel or Supabase.
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