A favicon of Cal DS

Cal DS

Access comprehensive design system and branding guidelines. Find design tokens, ready-to-use assets, and direct Figma links for Cal.com's design system.

Visit Cal DS
A screenshot of Cal DSVisit

This resource provides everything you need for understanding and implementing Cal.com's design system and branding guidelines. It is structured into three key sections to facilitate easy navigation and use:

  • Basics: Delve into the fundamental design tokens and foundational elements that form the core of all design work. This section ensures consistency from the ground up.
  • Assets: Explore a comprehensive collection of pre-prepared assets, ideal for use in various content, marketing materials, and publications, ensuring brand coherence across all touchpoints.
  • Figma: Access direct links to all official Figma documents. These files are considered the ultimate source of truth for all design components, patterns, and layouts, providing a reliable reference for your projects.

Utilize these guidelines and resources to create visually consistent and on-brand experiences.

Share:

Similar to Cal DS:

Build experiences that inspire people.
CompanyFigma+1 more
Access a comprehensive design system to build inspiring user experiences. Includes Figma libraries, plugins, and engineering resources for development.
Craft consistent, beautiful web experiences.
React
Build consistent, accessible, and delightful web experiences with a comprehensive open-source design system. Offers pre-built components and clear guidelines.
Design 10x faster. Build scalable UIs. Your complete Figma toolkit.
Figma
Build websites and apps faster with a comprehensive Figma UI kit. Offers 3.5k+ components, 460+ layouts, and 70+ templates for efficient, scalable design.

Command Menu