Cal.com

• Black-on-white as a stance, not a default — Cal.com runs an almost monochrome canvas (#000000 ink on #ffffff paper) and lets the single brand blue do all the pointing. The restraint reads as confidence, the way a terminal does.
• The hyperlink blue worn on purpose — #0000ee is the browser's own un-styled link color, and Cal.com leans into it as identity rather than overriding it. It's a quiet wink at the open-web, developer-native audience.
• A bespoke display face carrying the wordmark — Cal Sans does the brand-voice work up top while Inter and the Matter family handle the dense reading layers underneath. One personality font, several workhorses.
• Soft multi-layer shadows instead of hard borders — cards lift on stacked low-opacity rgba(34,42,53,…) shadows rather than 1px strokes, giving the surface a tactile, paper-on-paper warmth uncommon in dev tooling.
• Granular radius rhythm — a stepped 2 → 4 → 8 → 12 → 16px scale (with the odd 6.94px optical correction) keeps chips, buttons, cards, and modals visually related without ever feeling rubber-stamped.
• Tight micro-spacing under a comfortable macro-rhythm — a 2px floor and a heavily-used 10px gap drive dense control clusters, while 24px padding gives sections room to breathe.

• How an open-source brand earns consumer-grade trust — Cal.com never looks like a GitHub README. Steal the move: production polish on the marketing surface, hackability reserved for the docs.
• The single-accent discipline — one saturated blue against a black-and-white field does every job a rainbow palette pretends to. Learn how committing to one pointer color sharpens an entire page.
• Display-plus-workhorse type pairing — a custom personality face (Cal Sans) for the wordmark and a small set of neutral families (Inter, Matter) for everything else. Note how little the brand font actually has to appear to set the tone.
• Soft elevation as warmth — study the layered low-opacity shadow recipes; they make a stark monochrome page feel approachable rather than clinical.

• Don't read the raw #0000ee as license to ship un-themed link blue everywhere — on Cal.com it's a deliberate brand signal in a controlled context. Drop it into a generic SaaS page and it just looks unstyled.
• Don't copy the Framer-hosted font stack literally (Matter Regular/SemiBold, Cal Sans UI Variable Light live on framerusercontent.com) — those are the marketing site's build artifacts. Self-host Cal Sans + Inter and skip the rest.
• Don't mistake the monochrome restraint for low effort — the warmth lives entirely in the shadow and radius work. Strip those and you get a cold, empty page, not a minimal one.

Cal.com feels like a well-made open-source tool that happens to have excellent taste — black ink on white paper, one decisive blue, and just enough soft shadow to keep the whole thing from feeling sterile. The personality lives in small places: the Cal Sans wordmark, the deliberately un-overridden hyperlink color, the 6.94px radius that betrays an obsessive optical eye. It's a page that trusts its audience to recognize craft without being shouted at, and reads as infrastructure you'd actually want to self-host.

• The open-source answer to Calendly — Cal.com re-pitched scheduling as infrastructure you can fork, self-host, and embed, the way Supabase did to Firebase and Posthog did to analytics.
• Sits in the developer-first, open-core cohort (Supabase, PostHog, Resend) — landing pages that sell to engineers by looking like products engineers would build, not by hiding the source.
• Part of the Framer-built marketing generation (Resend, many 2024+ dev-tool sites) — fast, polished, near-monochrome pages where one accent color and a single display face carry the entire brand.