{
  "schemaVersion": 1,
  "source": {
    "sourceName": "getdesign.md",
    "originalDetailUrl": "https://getdesign.md/cal/design-md",
    "fallbackRawUrl": "https://raw.githubusercontent.com/VoltAgent/awesome-design-md/main/design-md/cal/DESIGN.md",
    "mirrorSource": "github:VoltAgent/awesome-design-md",
    "websiteUrl": "https://cal.com/"
  },
  "identity": {
    "id": "P0-66",
    "slug": "cal-com",
    "brand": "Cal.com",
    "titleZh": "Cal.com 主题",
    "titleEn": "Cal.com",
    "descriptionZh": "Cal.com 的 Design.md 主题展示，围绕开发工具、媒体内容、极简清爽、公共服务组织页面。",
    "descriptionEn": "Open-source scheduling. Clean neutral UI, developer-oriented simplicity."
  },
  "tags": {
    "sourceTags": [],
    "generatedTags": [
      "developer-tool",
      "request-flow",
      "media",
      "clean",
      "public-service"
    ],
    "designTags": [],
    "distributionTags": [
      "开发工具",
      "媒体内容",
      "极简清爽",
      "公共服务",
      "SaaS 产品",
      "浅色界面",
      "B2B 产品",
      "效率工具",
      "专业工具"
    ]
  },
  "assets": {
    "designMd": {
      "path": "DESIGN.md",
      "sourcePath": ".local/design-md-batch-regression/getdesign/cal-com/DESIGN.md"
    },
    "tailwind": {
      "path": "tw.css",
      "sourcePath": ".local/design-md-batch-regression/getdesign/cal-com/tw.css"
    },
    "tokens": {
      "path": "assets/tokens.json",
      "method": "derived_from_design_md_and_metadata"
    },
    "cover": null,
    "previewHtml": {
      "type": "local-preview",
      "path": "assets/official-homepage.webp",
      "publicPath": "assets/official-homepage.webp",
      "importPath": "./assets/official-homepage.webp?url",
      "sourcePath": "assets/official-homepage.webp"
    }
  },
  "tokens": {
    "palette": [
      "#101010",
      "#111111",
      "#242424",
      "#374151",
      "#e5e7eb",
      "#6b7280",
      "#898989",
      "#f3f4f6",
      "#ffffff",
      "#f8f9fa",
      "#f5f5f5",
      "#1a1a1a"
    ],
    "typography": {
      "display": "Cal Sans",
      "body": "Inter",
      "mono": "JetBrains Mono",
      "hints": [
        "Cal Sans",
        "Inter",
        "JetBrains Mono",
        "ui-monospace",
        "Manrope",
        "Roboto"
      ]
    },
    "radius": {
      "control": "8px",
      "card": "16px",
      "preview": "16px",
      "pill": "9999px",
      "source": "design-md"
    },
    "spacing": {
      "xxs": "4px",
      "xs": "8px",
      "sm": "12px",
      "md": "16px",
      "lg": "24px",
      "xl": "32px",
      "xxl": "48px",
      "section": "96px",
      "source": "design-md"
    }
  },
  "previewImages": [
    {
      "type": "local-preview",
      "path": "assets/official-homepage.webp"
    }
  ],
  "display": {
    "brand": "Cal.com 主题",
    "brandAlias": "Cal.com",
    "description": "Cal.com 的 Design.md 主题展示，围绕开发工具、媒体内容、极简清爽、公共服务组织页面。",
    "descriptionEn": "Open-source scheduling. Clean neutral UI, developer-oriented simplicity.",
    "variant": "saas-devtool",
    "distributionTags": [
      "开发工具",
      "媒体内容",
      "极简清爽",
      "公共服务",
      "SaaS 产品",
      "浅色界面",
      "B2B 产品",
      "效率工具",
      "专业工具"
    ],
    "fontStylesheets": [
      "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap"
    ],
    "palette": [
      {
        "color": "#101010",
        "labelZh": "主色",
        "labelEn": "Primary",
        "textColor": "#ffffff"
      },
      {
        "color": "#111111",
        "labelZh": "主色悬停",
        "labelEn": "Primary Hover",
        "textColor": "#ffffff"
      },
      {
        "color": "#242424",
        "labelZh": "辅助色",
        "labelEn": "Secondary",
        "textColor": "#ffffff"
      },
      {
        "color": "#374151",
        "labelZh": "强调色",
        "labelEn": "Accent",
        "textColor": "#ffffff"
      },
      {
        "color": "#e5e7eb",
        "labelZh": "背景色",
        "labelEn": "Background",
        "textColor": "#171717"
      },
      {
        "color": "#6b7280",
        "labelZh": "表面色",
        "labelEn": "Surface",
        "textColor": "#ffffff"
      },
      {
        "color": "#898989",
        "labelZh": "文本色",
        "labelEn": "Text",
        "textColor": "#ffffff"
      },
      {
        "color": "#f3f4f6",
        "labelZh": "边框色",
        "labelEn": "Border",
        "textColor": "#171717"
      },
      {
        "color": "#ffffff",
        "labelZh": "颜色 9",
        "labelEn": "Color 9",
        "textColor": "#171717"
      },
      {
        "color": "#f8f9fa",
        "labelZh": "颜色 10",
        "labelEn": "Color 10",
        "textColor": "#171717"
      },
      {
        "color": "#f5f5f5",
        "labelZh": "颜色 11",
        "labelEn": "Color 11",
        "textColor": "#171717"
      },
      {
        "color": "#1a1a1a",
        "labelZh": "颜色 12",
        "labelEn": "Color 12",
        "textColor": "#ffffff"
      }
    ],
    "shadows": [
      {
        "label": "阴影 1 - Shadow 1",
        "value": "0 1px 2px rgba(0,0,0,0.05)",
        "cssValue": "0 1px 2px rgba(0,0,0,0.05)",
        "description": "| Subtle drop shadow | Faint shadow at low alpha | Pricing tier cards, hover-elevated states (the system uses `0 1px 2px rgba(0,0,0,0.05)` and `0 4px 12px rgba(0,0,0,0.08)`) |"
      },
      {
        "label": "阴影 2 - Shadow 2",
        "value": "0 4px 12px rgba(0,0,0,0.08)",
        "cssValue": "0 4px 12px rgba(0,0,0,0.08)",
        "description": "| Subtle drop shadow | Faint shadow at low alpha | Pricing tier cards, hover-elevated states (the system uses `0 1px 2px rgba(0,0,0,0.05)` and `0 4px 12px rgba(0,0,0,0.08)`) |"
      }
    ],
    "borders": [
      {
        "label": "边框 1 - Border 1",
        "value": "#e5e7eb",
        "cssValue": "#e5e7eb",
        "description": "primary-disabled: \"#e5e7eb\""
      },
      {
        "label": "边框 2 - Border 2",
        "value": "#f3f4f6",
        "cssValue": "#f3f4f6",
        "description": "hairline-soft: \"#f3f4f6\""
      }
    ],
    "typography": [
      "Cal Sans",
      "Inter",
      "JetBrains Mono",
      "ui-monospace",
      "Manrope",
      "Roboto"
    ],
    "previewImages": [
      {
        "type": "local-preview",
        "path": "assets/official-homepage.webp"
      }
    ],
    "panels": [
      {
        "eyebrow": "产品",
        "title": "开发工具界面",
        "body": "适合工作台、文档、控制台和开发者产品。"
      },
      {
        "eyebrow": "Token",
        "title": "颜色与字体可复用",
        "body": "页面从本地 metadata 与 Design.md 提取 palette、typography 和标签，用于快速预览主题质感。"
      },
      {
        "eyebrow": "组件",
        "title": "面向真实界面片段",
        "body": "按钮、输入、卡片和间距样例保持克制，便于比较不同主题的系统性差异。"
      }
    ],
    "usageGuidance": {
      "do": [
        "建议：Reserve {colors.primary} (#111111) for primary CTAs and h1/h2 type. Cal.com's button is near-black, not blue。",
        "建议：Use Cal Sans for every display headline. Pair with Inter body. Never blur the boundary。",
        "建议：Apply negative letter-spacing on display sizes (-0.5 to -2px). Cal Sans without it reads as off-brand。",
        "建议：Use {component.feature-card} (light gray) and {component.product-mockup-card} (white with chrome) deliberately — the gray cards signal \"abstract feature claim\", white cards signal \"look at the actual product\"。",
        "建议：Embed real product UI fragments inside marketing cards. Don't paint marketing illustrations of the product when you can show the product itself。"
      ],
      "dont": [
        "避免：use accent colors ({colors.brand-accent}, badge pastels) on primary CTAs. The system is monochrome at the action layer。",
        "避免：bold display weight beyond 600. Cal Sans at 700 reads as bombastic。",
        "避免：use rounded radius beyond {rounded.xl} (16px) on cards. Larger radii read as consumer-app, not professional booking software。",
        "避免：put dark surface cards anywhere except the footer and the featured pricing tier. The dark surface is a deliberate, scarce signal。",
        "避免：repeat the same surface mode in two consecutive bands. Cal.com's pacing alternates white → light-gray → white → product-mockup-card → white → dark-footer。"
      ]
    },
    "radius": {
      "control": "8px",
      "card": "16px",
      "preview": "16px",
      "pill": "9999px",
      "source": "design-md"
    },
    "spacing": {
      "xxs": "4px",
      "xs": "8px",
      "sm": "12px",
      "md": "16px",
      "lg": "24px",
      "xl": "32px",
      "xxl": "48px",
      "section": "96px",
      "source": "design-md"
    }
  },
  "status": {
    "displayPage": "done",
    "collectionErrors": []
  }
}
