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.

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.
Categories:
Similar to Cal DS:
Build accessible UIs with customizable React components.
ReactTailwind CSS
Create accessible web interfaces with customizable React components. Includes Tailwind CSS for styling and supports easy copy-paste integration.
Evolving toolkit for consistent UI development.
CompanyFigma+1 more
Access an evolving library of UI components, guidelines, and UX patterns to build consistent digital products. Open-source (MIT) and powered by Semrush.
Craft stunning UIs in minutes, not hours.
FigmaReact+2 more
Build stunning UIs with a comprehensive library, Figma tokens, React components, and built-in dark mode. Accelerate your workflow and save design time.