Cal.com brand system audit
Cal.com runs a pill geometry on a dark carbon canvas, set in Cal Sans. 6 of 8 contrast pairings pass WCAG 2.1 AA and the homepage scores 100/100 for technical SEO.
3 dimensions
- Brand consistency
- 100
- WCAG 2.1 contrast
- 75
- SEO readiness
- 100
01Brand palette
consistency 100/10002Typography
Body copy set in the brand’s text face, at reading size and comfortable measure.
- Headings
- Cal Sans
- Google Fonts
- Body
- Cal Sans
- Google Fonts
- Mono / data
- SF Mono
- previewed with JetBrains Mono
03UI vibe & geometry
- Radius style
- Pill · 16 px+
- Controls
- pill (9999px)
- Cards
- 20px
- Surface
- Dark carbon · #0F0F0F / #181818 / #343434
04WCAG 2.1 contrast
6/8 AA · 4/8 AAA| Pairing | Colors | Ratio | AA | AAA |
|---|---|---|---|---|
| AaBody text on surface | #F2F2F2 / #0F0F0F | 17.12:1 | Pass | Pass |
| AaSecondary text on surface | #9C9C9C / #0F0F0F | 6.98:1 | Pass | Fail |
| AaButton label on primary | #111113 / #F2F2F2 | 16.85:1 | Pass | Pass |
| AaAccent on surface | #E8602A / #0F0F0F | 5.60:1 | Pass | Fail |
| AaSecondary on surface | #242424 / #0F0F0F | 1.23:1 | Fail | Fail |
| AaWhite on secondary | #FFFFFF / #242424 | 15.52:1 | Pass | Pass |
| AaBody text on white | #F2F2F2 / #FFFFFF | 1.12:1 | Fail | Fail |
| AaDark mode: text on canvas | #F5F5F7 / #121214 | 17.18:1 | Pass | Pass |
05SEO readiness
14 of 14 checks pass- passTitle tag49 chars: “Cal.com | Scheduling Software for Online Bookings”
- passMeta description91 chars
- passSingle H1 heading1 H1 element(s)
- passCanonical URLhttps://cal.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, SoftwareApplication, WebSite
- passHTTPSServed over HTTPS
- passIndexable (robots meta)robots="max-image-preview:large"
- passXML sitemap2155 URLs · https://cal.com/sitemap.xml
- passFavicon / touch iconIcon link present
- passImage alt text100% of 143 images
cal.com brand audit FAQ
What are Cal.com's brand colors?
Cal.com uses #F2F2F2 as its primary color, #242424 as secondary and #E8602A as accent, on a #0F0F0F surface with #F2F2F2 text (snapshot from 11 Nov 2026).
Which fonts does cal.com use?
Headings and body text are set in Cal Sans. Proprietary faces are paired with the closest free Google Fonts family for documents and previews.
Does cal.com pass WCAG contrast checks?
6 of 8 key color pairings pass WCAG 2.1 AA and 4 pass AAA. The full PDF report suggests a passing replacement color for every pairing that fails.
What is cal.com's technical SEO score?
The homepage scores 100/100 across 14 technical SEO checks, with 14 passing: title, meta description, H1, canonical, Open Graph, structured data, sitemap, HTTPS and image alt text among them.
How was this Cal.com audit made?
SuiteAnvil StyleExtract read the public homepage of cal.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 Cal.com 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/cal.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/cal.com"><img src="https://suiteanvil.com/api/badge/cal.com.svg" alt="Brand and WCAG score for cal.com by SuiteAnvil" height="20"></a>[](https://suiteanvil.com/audit/cal.com)Snapshot of cal.com’s public website from 11 Nov 2026, produced by SuiteAnvil StyleExtract. Values change as the site evolves. Cal.com and its marks belong to their owner; SuiteAnvil is not affiliated with or endorsed by Cal.com.
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