\DESIGNSORCERY>_

Cal.com | Open Scheduling Infrastructure

Video · Dark

Design System Inspiration

Cal — extracted via DESIGN.md

Productivity · Scheduling automation

minimalist dark-theme clean interactive corporate typographic sticky navigation scroll-triggered animations card-based layout dark mode toggle

Typography

Cal Sans UI Variable Light

Heading

Aa Aa Aa Aa

Cal Sans

Body

Aa Aa Aa Aa

Color palette

TL;DR

Cal.com employs a "monochrome-plus" aesthetic where the interface is almost entirely achromatic (#ffffff, #111111, #242424) until a functional action or link is required. The primary brand accent is a high-saturation blue (#0000ee), used exclusively for interactive text and specific UI highlights. Typography is the primary brand carrier, pairing the geometric character of **Cal Sans** for headlines with the utilitarian clarity of **Inter** for UI controls. Layouts are governed by a strict 4px base unit, utilizing generous 64px and 80px vertical rhythms to separate major content blocks.

Target audience

The likely target audience includes individuals, businesses, and developers seeking a customizable and efficient scheduling software solution.

Full tech stack

Framer Sites Google Font API Google Hosted Libraries Google Tag Manager React Senja Twitter Ads

Analytics

Google Tag Manager

Meta description

A fully customizable scheduling software for individuals, businesses taking calls and developers building scheduling platforms where users meet users.

Brand Voice

Cal is a functional, confident, and frictionless guide to time management.

Positioning

Cal is a fully customizable, all-purpose scheduling platform for individuals and fast-growing companies. It positions itself as the infrastructure for meetings, offering both a simple consumer tool and a powerful API for developers.

Voice principles

  • Effortless: Uses simple verbs and clear outcomes to emphasize how the product removes friction.
  • Direct: Employs short, declarative sentences that state exactly what the tool does without fluff or marketing jargon.
  • Empowering: Focuses on user control, specifically regarding availability, customization, and "meeting overload."
  • Functional: Maintains a utilitarian clarity, treating scheduling as a logistical problem that is now solved.

More SaaS/Software Product Designs

← Back to Gallery