Brand kit

Brand assets and guidelines

Use assets and guidelines to represent Cal.com consistently across all platforms and touchpoints.

Download brand kit

Colors

The Cal.com color palette is a precise suite of flat gray tones. Use these colors consistently across all brand materials.

Click a swatch to copy its value.

Typography

Our primary typeface is Cal Sans by Mark Davis. It’s a geometric sans serif for tough use cases. It retains its appeal up close, with letters always looking the way users expect. It’s a uniquely warm choice for digital product and running copy. It has more bounce per ounce, but still feels transparent, neutral, and un-opinionated.

Our secondary type is Cal Sans UI.

Cal Sans & Cal Sans UI

Type in the specimen to try your own words.

Display
80 px, 700
Section title
56 px, 700
Lead
24 px, 500
Body
16 px, 400
Caption
12 px, 500
View

Iconography

We use the Lucide icon set. Lucide is an icon set of 1,701 icons.

UI icons have a simple line form and express essential functionality. Click an icon to copy its SVG.

43 icons

Browse all Lucide icons

coss.com UI

A new, modern UI component library built on top of Base UI. The building blocks for the Cal.com application and the wider coss.com platform.

View

  • Accordion

    A set of collapsible panels with headings and content.

  • Alert

    A callout for displaying important information.

  • Alert Dialog

    A dialog that requires user response to proceed.

  • Avatar

    An image element with a fallback for representing the user.

  • Badge

    A badge or a component that looks like a badge.

  • Breadcrumb

    Displays the path to the current resource using a hierarchy of links.

  • Calendar

    A date picker component with range and multi-select support.

  • Tabs

    A component for toggling between related panels on the same page.

  • Toggle Group

    Provides a shared state to a series of toggle buttons.