{
  "schemaVersion": 1,
  "source": {
    "sourceName": "getdesign.md",
    "originalDetailUrl": "https://getdesign.md/sanity/design-md",
    "fallbackRawUrl": "https://raw.githubusercontent.com/VoltAgent/awesome-design-md/main/design-md/sanity/DESIGN.md",
    "mirrorSource": "github:VoltAgent/awesome-design-md",
    "websiteUrl": "https://sanity.io/"
  },
  "identity": {
    "id": "P0-102",
    "slug": "sanity",
    "brand": "Sanity",
    "titleZh": "Sanity 主题",
    "titleEn": "Sanity",
    "descriptionZh": "Sanity 的 Design.md 主题展示，围绕媒体内容、编辑/机构、SaaS 产品、开发工具组织页面。",
    "descriptionEn": "Headless CMS. Red accent, content-first editorial layout."
  },
  "tags": {
    "sourceTags": [],
    "generatedTags": [
      "request-flow",
      "media",
      "editorial"
    ],
    "designTags": [],
    "distributionTags": [
      "媒体内容",
      "编辑/机构",
      "SaaS 产品",
      "开发工具",
      "浅色界面",
      "B2B 产品",
      "效率工具",
      "专业工具"
    ]
  },
  "assets": {
    "designMd": {
      "path": "DESIGN.md",
      "sourcePath": ".local/design-md-batch-regression/getdesign/sanity/DESIGN.md"
    },
    "tailwind": {
      "path": "tw.css",
      "sourcePath": ".local/design-md-batch-regression/getdesign/sanity/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": [
      "#0b0b0b",
      "#dd0000",
      "#212121",
      "#ffffff",
      "#f36458",
      "#353535",
      "#3c4758",
      "#505b6c",
      "#797979",
      "#b9b9b9",
      "#ededed",
      "#0052ef"
    ],
    "typography": {
      "display": "waldenburgNormal",
      "body": "waldenburgNormal",
      "mono": "ibmPlexMono",
      "hints": [
        "waldenburgNormal",
        "ibmPlexMono",
        "Inter",
        "mono-kickers"
      ]
    },
    "radius": {
      "control": "3px",
      "card": "12px",
      "preview": "6px",
      "pill": "99999px",
      "source": "design-md"
    },
    "spacing": {
      "xxs": "4px",
      "xs": "8px",
      "sm": "12px",
      "md": "16px",
      "lg": "24px",
      "xl": "32px",
      "xxl": "48px",
      "section": "64px",
      "section-lg": "96px",
      "source": "design-md"
    }
  },
  "previewImages": [
    {
      "type": "local-preview",
      "path": "assets/official-homepage.webp"
    }
  ],
  "display": {
    "brand": "Sanity 主题",
    "brandAlias": "Sanity",
    "description": "Sanity 的 Design.md 主题展示，围绕媒体内容、编辑/机构、SaaS 产品、开发工具组织页面。",
    "descriptionEn": "Headless CMS. Red accent, content-first editorial layout.",
    "variant": "saas-devtool",
    "distributionTags": [
      "媒体内容",
      "编辑/机构",
      "SaaS 产品",
      "开发工具",
      "浅色界面",
      "B2B 产品",
      "效率工具",
      "专业工具"
    ],
    "fontStylesheets": [],
    "palette": [
      {
        "color": "#0b0b0b",
        "labelZh": "主色",
        "labelEn": "Primary",
        "textColor": "#ffffff"
      },
      {
        "color": "#dd0000",
        "labelZh": "主色悬停",
        "labelEn": "Primary Hover",
        "textColor": "#ffffff"
      },
      {
        "color": "#212121",
        "labelZh": "辅助色",
        "labelEn": "Secondary",
        "textColor": "#ffffff"
      },
      {
        "color": "#ffffff",
        "labelZh": "强调色",
        "labelEn": "Accent",
        "textColor": "#171717"
      },
      {
        "color": "#f36458",
        "labelZh": "背景色",
        "labelEn": "Background",
        "textColor": "#ffffff"
      },
      {
        "color": "#353535",
        "labelZh": "表面色",
        "labelEn": "Surface",
        "textColor": "#ffffff"
      },
      {
        "color": "#3c4758",
        "labelZh": "文本色",
        "labelEn": "Text",
        "textColor": "#ffffff"
      },
      {
        "color": "#505b6c",
        "labelZh": "边框色",
        "labelEn": "Border",
        "textColor": "#ffffff"
      },
      {
        "color": "#797979",
        "labelZh": "颜色 9",
        "labelEn": "Color 9",
        "textColor": "#ffffff"
      },
      {
        "color": "#b9b9b9",
        "labelZh": "颜色 10",
        "labelEn": "Color 10",
        "textColor": "#171717"
      },
      {
        "color": "#ededed",
        "labelZh": "颜色 11",
        "labelEn": "Color 11",
        "textColor": "#171717"
      },
      {
        "color": "#0052ef",
        "labelZh": "颜色 12",
        "labelEn": "Color 12",
        "textColor": "#ffffff"
      }
    ],
    "shadows": [],
    "borders": [
      {
        "label": "边框 1 - Border 1",
        "value": "#ededed",
        "cssValue": "#ededed",
        "description": "hairline: \"#ededed\""
      },
      {
        "label": "边框 2 - Border 2",
        "value": "#353535",
        "cssValue": "#353535",
        "description": "graphite: \"#353535\""
      }
    ],
    "typography": [
      "waldenburgNormal",
      "ibmPlexMono",
      "Inter",
      "mono-kickers"
    ],
    "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": [
        "建议：Run dark-mode marketing sections ({marketing-section-dark}) as the brand's default voice; use {marketing-section-light} for commercial/comparison surfaces (pricing, integrations matrix)。",
        "建议：Pair every editorial display headline with a {typography.mono-eyebrow} label above it — the lockup is signature。",
        "建议：Reserve {colors.brand} for one CTA or accent surface per viewport. The colour's power comes from scarcity。",
        "建议：Use {rounded.full} pills for marketing CTAs and {rounded.app-*} 3–6px corners for application-style elements (inputs, Studio mockups). Mixing the two corner languages is intentional — it is what differentiates \"marketing\" from \"product UI\" in Saniti's voice。",
        "建议：Set display headlines (>48px) with the OpenType variants {cv01, cv11, cv12, cv13, ss07} enabled — the alternates are core to the brand letterforms。"
      ],
      "dont": [
        "避免：use {colors.brand} as a background for dark-mode body sections — it must remain a quiet accent, not a section colour。",
        "避免：introduce additional accent hues (purple, teal, magenta gradients). Saniti's chromatic story is monochrome plus coral-red。",
        "避免：apply OpenType variants to body running text — keep them on display sizes only. Mixing modes makes the page feel typographically loud。",
        "避免：use IBM Plex Mono for body or headline text. Mono is reserved for eyebrows, captions, and small-caps labels。",
        "避免：add a \"Most Popular\" badge to the featured pricing tier. The polarity inversion ({pricing-card-featured}) is the badge。"
      ]
    },
    "radius": {
      "control": "3px",
      "card": "12px",
      "preview": "6px",
      "pill": "99999px",
      "source": "design-md"
    },
    "spacing": {
      "xxs": "4px",
      "xs": "8px",
      "sm": "12px",
      "md": "16px",
      "lg": "24px",
      "xl": "32px",
      "xxl": "48px",
      "section": "64px",
      "section-lg": "96px",
      "source": "design-md"
    }
  },
  "status": {
    "displayPage": "done",
    "collectionErrors": []
  }
}
