{
  "schemaVersion": 1,
  "source": {
    "sourceName": "getdesign.md",
    "originalDetailUrl": "https://getdesign.md/claude/design-md",
    "fallbackRawUrl": "https://raw.githubusercontent.com/VoltAgent/awesome-design-md/main/design-md/claude/DESIGN.md",
    "mirrorSource": "github:VoltAgent/awesome-design-md",
    "websiteUrl": "https://claude.ai/"
  },
  "identity": {
    "id": "P0-67",
    "slug": "claude",
    "brand": "Claude",
    "titleZh": "Claude 主题",
    "titleEn": "Claude",
    "descriptionZh": "Claude 的 Design.md 主题展示，围绕AI、媒体内容、暖色调、极简清爽组织页面。",
    "descriptionEn": "Anthropic's AI assistant. Warm terracotta accent, clean editorial layout."
  },
  "tags": {
    "sourceTags": [],
    "generatedTags": [
      "ai",
      "request-flow",
      "media",
      "warm",
      "clean",
      "editorial"
    ],
    "designTags": [],
    "distributionTags": [
      "AI",
      "媒体内容",
      "暖色调",
      "极简清爽",
      "编辑/机构",
      "SaaS 产品",
      "开发工具",
      "浅色界面",
      "B2B 产品",
      "效率工具",
      "专业工具"
    ]
  },
  "assets": {
    "designMd": {
      "path": "DESIGN.md",
      "sourcePath": ".local/design-md-batch-regression/getdesign/claude/DESIGN.md"
    },
    "tailwind": {
      "path": "tw.css",
      "sourcePath": ".local/design-md-batch-regression/getdesign/claude/tw.css"
    },
    "tokens": {
      "path": "assets/tokens.json",
      "method": "derived_from_design_md_and_metadata"
    },
    "cover": null,
    "previewHtml": {
      "type": "source-preview-html",
      "path": "assets/preview.html",
      "publicPath": "assets/preview.html",
      "importPath": "./assets/preview.html?url",
      "sourcePath": "assets/preview.html"
    }
  },
  "tokens": {
    "palette": [
      "#181715",
      "#cc785c",
      "#a9583e",
      "#141413",
      "#e6dfd8",
      "#3d3d3a",
      "#252523",
      "#6c6a64",
      "#8e8b82",
      "#ebe6df",
      "#faf9f5",
      "#f5f0e8"
    ],
    "typography": {
      "display": "Copernicus",
      "body": "StyreneB",
      "mono": "JetBrains Mono",
      "hints": [
        "Copernicus",
        "StyreneB",
        "JetBrains Mono",
        "Tiempos Headline",
        "Inter",
        "ui-monospace",
        "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": "source-preview-html",
      "path": "assets/preview.html"
    }
  ],
  "display": {
    "brand": "Claude 主题",
    "brandAlias": "Claude",
    "description": "Claude 的 Design.md 主题展示，围绕AI、媒体内容、暖色调、极简清爽组织页面。",
    "descriptionEn": "Anthropic's AI assistant. Warm terracotta accent, clean editorial layout.",
    "variant": "saas-devtool",
    "distributionTags": [
      "AI",
      "媒体内容",
      "暖色调",
      "极简清爽",
      "编辑/机构",
      "SaaS 产品",
      "开发工具",
      "浅色界面",
      "B2B 产品",
      "效率工具",
      "专业工具"
    ],
    "fontStylesheets": [],
    "palette": [
      {
        "color": "#181715",
        "labelZh": "主色",
        "labelEn": "Primary",
        "textColor": "#ffffff"
      },
      {
        "color": "#cc785c",
        "labelZh": "主色悬停",
        "labelEn": "Primary Hover",
        "textColor": "#ffffff"
      },
      {
        "color": "#a9583e",
        "labelZh": "辅助色",
        "labelEn": "Secondary",
        "textColor": "#ffffff"
      },
      {
        "color": "#141413",
        "labelZh": "强调色",
        "labelEn": "Accent",
        "textColor": "#ffffff"
      },
      {
        "color": "#e6dfd8",
        "labelZh": "背景色",
        "labelEn": "Background",
        "textColor": "#171717"
      },
      {
        "color": "#3d3d3a",
        "labelZh": "表面色",
        "labelEn": "Surface",
        "textColor": "#ffffff"
      },
      {
        "color": "#252523",
        "labelZh": "文本色",
        "labelEn": "Text",
        "textColor": "#ffffff"
      },
      {
        "color": "#6c6a64",
        "labelZh": "边框色",
        "labelEn": "Border",
        "textColor": "#ffffff"
      },
      {
        "color": "#8e8b82",
        "labelZh": "颜色 9",
        "labelEn": "Color 9",
        "textColor": "#ffffff"
      },
      {
        "color": "#ebe6df",
        "labelZh": "颜色 10",
        "labelEn": "Color 10",
        "textColor": "#171717"
      },
      {
        "color": "#faf9f5",
        "labelZh": "颜色 11",
        "labelEn": "Color 11",
        "textColor": "#171717"
      },
      {
        "color": "#f5f0e8",
        "labelZh": "颜色 12",
        "labelEn": "Color 12",
        "textColor": "#171717"
      }
    ],
    "shadows": [
      {
        "label": "阴影 1 - Shadow 1",
        "value": "0 1px 3px rgba(20,20,19,0.08)",
        "cssValue": "0 1px 3px rgba(20,20,19,0.08)",
        "description": "| Subtle drop shadow | Faint shadow at low alpha | Hover-elevated states (the system uses `0 1px 3px rgba(20,20,19,0.08)` rarely) |"
      }
    ],
    "borders": [
      {
        "label": "边框 1 - Border 1",
        "value": "#e6dfd8",
        "cssValue": "#e6dfd8",
        "description": "primary-disabled: \"#e6dfd8\""
      },
      {
        "label": "边框 2 - Border 2",
        "value": "#ebe6df",
        "cssValue": "#ebe6df",
        "description": "hairline-soft: \"#ebe6df\""
      }
    ],
    "typography": [
      "Copernicus",
      "StyreneB",
      "JetBrains Mono",
      "Tiempos Headline",
      "Inter",
      "ui-monospace"
    ],
    "previewImages": [
      {
        "type": "source-preview-html",
        "path": "assets/preview.html"
      }
    ],
    "panels": [
      {
        "eyebrow": "产品",
        "title": "开发工具界面",
        "body": "适合工作台、文档、控制台和开发者产品。"
      },
      {
        "eyebrow": "Token",
        "title": "颜色与字体可复用",
        "body": "页面从本地 metadata 与 Design.md 提取 palette、typography 和标签，用于快速预览主题质感。"
      },
      {
        "eyebrow": "组件",
        "title": "面向真实界面片段",
        "body": "按钮、输入、卡片和间距样例保持克制，便于比较不同主题的系统性差异。"
      }
    ],
    "usageGuidance": {
      "do": [
        "建议：Anchor every page on the cream canvas. Pure white reads as \"any other AI tool\"; the warm tint is the brand differentiator。",
        "建议：Use Copernicus serif for every display headline. Pair with StyreneB sans body. Negative letter-spacing on display sizes is non-negotiable。",
        "建议：Reserve {colors.primary} (coral) for primary CTAs and full-bleed {component.callout-card-coral} moments. Don't paint accent moments coral elsewhere。",
        "建议：Use {component.product-mockup-card-dark} and {component.code-window-card} to show actual Claude product chrome. Don't paint marketing illustrations of code when you can show real code。",
        "建议：Pair {component.feature-card} (cream) with {component.product-mockup-card-dark} (navy) in alternating bands. The cream-to-dark rhythm is the brand's pacing mechanism。"
      ],
      "dont": [
        "避免：use cool grays or pure white for canvas. Cream is the brand。",
        "避免：bold serif display weight. Copernicus at 700 reads as bombastic; the system stays at 400。",
        "避免：use cool blue or saturated cyan as a brand accent. The coral is the brand voltage。",
        "避免：put coral everywhere. The coral is scarce on individual elements and generous only on full-bleed coral callout cards。",
        "避免：use Inter for display headlines. The serif character is the brand voice。"
      ]
    },
    "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": "doing",
    "collectionErrors": []
  }
}
