{
  "schemaVersion": 1,
  "source": {
    "sourceName": "getdesign.md",
    "originalDetailUrl": "https://getdesign.md/clickhouse/design-md",
    "fallbackRawUrl": "https://raw.githubusercontent.com/VoltAgent/awesome-design-md/main/design-md/clickhouse/DESIGN.md",
    "mirrorSource": "github:VoltAgent/awesome-design-md",
    "websiteUrl": "https://clickhouse.com/"
  },
  "identity": {
    "id": "P0-69",
    "slug": "clickhouse",
    "brand": "ClickHouse",
    "titleZh": "ClickHouse 主题",
    "titleEn": "ClickHouse",
    "descriptionZh": "ClickHouse 的 Design.md 主题展示，围绕开发工具、媒体内容、数据分析、数据仪表盘组织页面。",
    "descriptionEn": "Fast analytics database. Yellow-accented, technical documentation style."
  },
  "tags": {
    "sourceTags": [],
    "generatedTags": [
      "developer-tool",
      "request-flow",
      "media",
      "analytics",
      "dashboard"
    ],
    "designTags": [],
    "distributionTags": [
      "开发工具",
      "媒体内容",
      "数据分析",
      "数据仪表盘",
      "SaaS 产品",
      "浅色界面",
      "B2B 产品",
      "效率工具",
      "专业工具"
    ]
  },
  "assets": {
    "designMd": {
      "path": "DESIGN.md",
      "sourcePath": ".local/design-md-batch-regression/getdesign/clickhouse/DESIGN.md"
    },
    "tailwind": {
      "path": "tw.css",
      "sourcePath": ".local/design-md-batch-regression/getdesign/clickhouse/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": [
      "#0a0a0a",
      "#121212",
      "#faff69",
      "#e6eb52",
      "#ffffff",
      "#3a3a1f",
      "#cccccc",
      "#e6e6e6",
      "#888888",
      "#5a5a5a",
      "#2a2a2a",
      "#3a3a3a"
    ],
    "typography": {
      "display": "Inter",
      "body": "Inter",
      "mono": "JetBrains Mono",
      "hints": [
        "Inter",
        "JetBrains Mono",
        "ui-monospace",
        "Geist",
        "Roboto"
      ]
    },
    "radius": {
      "control": "8px",
      "card": "12px",
      "preview": "12px",
      "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": "ClickHouse 主题",
    "brandAlias": "ClickHouse",
    "description": "ClickHouse 的 Design.md 主题展示，围绕开发工具、媒体内容、数据分析、数据仪表盘组织页面。",
    "descriptionEn": "Fast analytics database. Yellow-accented, technical documentation style.",
    "variant": "saas-devtool",
    "distributionTags": [
      "开发工具",
      "媒体内容",
      "数据分析",
      "数据仪表盘",
      "SaaS 产品",
      "浅色界面",
      "B2B 产品",
      "效率工具",
      "专业工具"
    ],
    "fontStylesheets": [
      "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap"
    ],
    "palette": [
      {
        "color": "#0a0a0a",
        "labelZh": "主色",
        "labelEn": "Primary",
        "textColor": "#ffffff"
      },
      {
        "color": "#121212",
        "labelZh": "主色悬停",
        "labelEn": "Primary Hover",
        "textColor": "#ffffff"
      },
      {
        "color": "#faff69",
        "labelZh": "辅助色",
        "labelEn": "Secondary",
        "textColor": "#171717"
      },
      {
        "color": "#e6eb52",
        "labelZh": "强调色",
        "labelEn": "Accent",
        "textColor": "#171717"
      },
      {
        "color": "#ffffff",
        "labelZh": "背景色",
        "labelEn": "Background",
        "textColor": "#171717"
      },
      {
        "color": "#3a3a1f",
        "labelZh": "表面色",
        "labelEn": "Surface",
        "textColor": "#ffffff"
      },
      {
        "color": "#cccccc",
        "labelZh": "文本色",
        "labelEn": "Text",
        "textColor": "#171717"
      },
      {
        "color": "#e6e6e6",
        "labelZh": "边框色",
        "labelEn": "Border",
        "textColor": "#171717"
      },
      {
        "color": "#888888",
        "labelZh": "颜色 9",
        "labelEn": "Color 9",
        "textColor": "#ffffff"
      },
      {
        "color": "#5a5a5a",
        "labelZh": "颜色 10",
        "labelEn": "Color 10",
        "textColor": "#ffffff"
      },
      {
        "color": "#2a2a2a",
        "labelZh": "颜色 11",
        "labelEn": "Color 11",
        "textColor": "#ffffff"
      },
      {
        "color": "#3a3a3a",
        "labelZh": "颜色 12",
        "labelEn": "Color 12",
        "textColor": "#ffffff"
      }
    ],
    "shadows": [],
    "borders": [
      {
        "label": "边框 1 - Border 1",
        "value": "#2a2a2a",
        "cssValue": "#2a2a2a",
        "description": "hairline: \"#2a2a2a\""
      },
      {
        "label": "边框 2 - Border 2",
        "value": "#3a3a3a",
        "cssValue": "#3a3a3a",
        "description": "hairline-strong: \"#3a3a3a\""
      }
    ],
    "typography": [
      "Inter",
      "JetBrains Mono",
      "ui-monospace",
      "Geist",
      "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": [
        "建议：Anchor every page on the black canvas. The yellow + black pairing is the brand voltage。",
        "建议：Reserve {colors.primary} (yellow) for primary CTAs, stat-callout numbers, and full-bleed yellow CTA bands. The yellow's scarcity at the element level + abundance at the band level is what makes it powerful。",
        "建议：Use Inter at weight 700 for every display headline, with -1 to -2.5px letter-spacing。",
        "建议：Show actual SQL code blocks inside {component.code-window-card} — ClickHouse is a database; show the query, don't paint marketing illustrations of queries。",
        "建议：Use {component.stat-callout} numbers to establish credibility (community size, contributors, performance benchmarks). The yellow stat numbers are signature。"
      ],
      "dont": [
        "避免：introduce a second brand color. ClickHouse is monochromatic + yellow。",
        "避免：bold display weight beyond 700 or use weight 500 for headlines. The hierarchy depends on size, not on weight gradation。",
        "避免：use yellow for body text or large surface fills outside of intentional yellow cards。",
        "避免：use rounded buttons / pills outside of small badges. The standard button radius is 8px (md)。",
        "避免：repeat the same surface mode in two consecutive bands. Black canvas → dark feature card → yellow CTA card → black canvas → code-window card。"
      ]
    },
    "radius": {
      "control": "8px",
      "card": "12px",
      "preview": "12px",
      "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": []
  }
}
