Cal.com

访问网站

Open-source scheduling. Clean neutral UI, developer-oriented simplicity.

中性色调开源日历集成简洁布局

配色方案

primary

background

surface

text

muted

border

字体规范

标题字体Inter, system-ui, sans-serif

正文字体Inter, system-ui, sans-serif

基础字号16px

行高1.5

字重400, 500, 600, 700

标题层级

h1Cal.com Heading

h2Cal.com Heading

h3Cal.com Heading

h4Cal.com Heading

DESIGN.md

# Cal.com Design System

## Visual Theme & Atmosphere
Clean, neutral, unpretentious. Near-black on white creates developer-oriented simplicity.

## Agent Prompt Guide
Clean neutral UI. Calendar-focused layouts.

常见问题

Cal.com 的设计风格是什么？

Open-source scheduling. Clean neutral UI, developer-oriented simplicity.

Cal.com 使用什么主色调？

Cal.com 的主色调是 #292929，背景色为 #FFFFFF，文本色为 #111111。

Cal.com 使用什么字体？

标题字体: Inter, system-ui, sans-serif。正文字体: Inter, system-ui, sans-serif。基础字号: 16px。

如何在项目中使用 Cal.com 设计系统？

点击上方 DESIGN.md 代码块中的复制按钮，将完整设计规范复制到你的项目中。AI Coding 工具（如 Cursor）可以直接读取 DESIGN.md 来生成符合 Cal.com 风格的代码。

探索更多设计系统

发现 50+ 精选设计系统，为你的 AI Coding 项目提供设计灵感。

查看全部设计系统