{
  "schemaVersion": 1,
  "source": {
    "sourceName": "styles.refero.design",
    "originalDetailUrl": "https://styles.refero.design/style/e1f18a7e-5af1-46b3-8f89-bce6c78b80d4",
    "fallbackRawUrl": "",
    "mirrorSource": "",
    "websiteUrl": ""
  },
  "identity": {
    "id": "P1R-021",
    "slug": "dope-security",
    "brand": "dope.security",
    "titleZh": "dope.security 主题",
    "titleEn": "dope.security",
    "descriptionZh": "dope.security 的 Design.md 主题展示，围绕安全合规、暗色界面、SaaS 产品、AI组织页面。",
    "descriptionEn": "Explore dope.security's dark SaaS design system: Midnight Eclipse #090909, Cloud Whisper #f7f9fa colors, Whyte Inktrap, Whyte Inktrap Mono typography, and..."
  },
  "tags": {
    "sourceTags": [
      "dope-security-design-system",
      "dope-security-website-design",
      "dope-security-colors",
      "dope-security-typography",
      "design-md",
      "ai-agent-design",
      "website-design-inspiration",
      "saas-design-system",
      "midnight-eclipse",
      "cloud-whisper",
      "code-ghost",
      "slate-hint",
      "whyte-inktrap",
      "whyte-inktrap-mono",
      "grandslang"
    ],
    "generatedTags": [
      "security",
      "image-assets",
      "dark",
      "saas",
      "ai"
    ],
    "designTags": [
      "Midnight Eclipse",
      "Slate Hint",
      "Whyte Inktrap",
      "Whyte Inktrap Mono",
      "dark"
    ],
    "distributionTags": [
      "安全合规",
      "暗色界面",
      "SaaS 产品",
      "AI",
      "数据仪表盘",
      "数据分析",
      "B2B 产品",
      "运营监控",
      "专业工具",
      "高密度信息"
    ]
  },
  "assets": {
    "designMd": {
      "path": "DESIGN.md",
      "method": "derived_from_metadata"
    },
    "tailwind": {
      "path": "tw.css",
      "sourcePath": ".local/design-md-batch-regression/refero/dope-security/tw.css"
    },
    "tokens": {
      "path": "assets/tokens.json",
      "method": "derived_from_design_md_and_metadata"
    },
    "cover": {
      "status": "source_preview_image",
      "path": "assets/cover.jpg",
      "sourceUrl": "https://images.refero.design/styles/refero.design/image/cfed2f58-df9e-4975-a524-730bd9547816.jpg",
      "captureUrl": "",
      "sourcePath": "assets/cover.jpg"
    },
    "previewHtml": {
      "type": "local-preview",
      "path": "assets/source-preview.jpg",
      "publicPath": "assets/source-preview.jpg",
      "importPath": "./assets/source-preview.jpg?url",
      "sourcePath": "assets/source-preview.jpg"
    }
  },
  "tokens": {
    "palette": [
      "#090909",
      "#f7f9fa",
      "#f0f0f0",
      "#6b6b6b",
      "#454545",
      "#828384",
      "#af50ff",
      "#423738",
      "#333333",
      "#475467",
      "#271635",
      "#7f56d9"
    ],
    "typography": {
      "display": "Whyte Inktrap Mono",
      "body": "Whyte Inktrap Mono",
      "mono": "Whyte Inktrap Mono",
      "hints": [
        "Whyte Inktrap Mono"
      ]
    }
  },
  "previewImages": [
    {
      "type": "local-preview",
      "path": "assets/source-preview.jpg"
    }
  ],
  "display": {
    "brand": "dope.security 主题",
    "brandAlias": "dope.security",
    "description": "dope.security 的 Design.md 主题展示，围绕安全合规、暗色界面、SaaS 产品、AI组织页面。",
    "descriptionEn": "Explore dope.security's dark SaaS design system: Midnight Eclipse #090909, Cloud Whisper #f7f9fa colors, Whyte Inktrap, Whyte Inktrap Mono typography, and...",
    "variant": "dashboard",
    "distributionTags": [
      "安全合规",
      "暗色界面",
      "SaaS 产品",
      "AI",
      "数据仪表盘",
      "数据分析",
      "B2B 产品",
      "运营监控",
      "专业工具",
      "高密度信息"
    ],
    "fontStylesheets": [],
    "palette": [
      {
        "color": "#090909",
        "labelZh": "主色",
        "labelEn": "Primary",
        "textColor": "#ffffff"
      },
      {
        "color": "#f7f9fa",
        "labelZh": "主色悬停",
        "labelEn": "Primary Hover",
        "textColor": "#171717"
      },
      {
        "color": "#f0f0f0",
        "labelZh": "辅助色",
        "labelEn": "Secondary",
        "textColor": "#171717"
      },
      {
        "color": "#6b6b6b",
        "labelZh": "强调色",
        "labelEn": "Accent",
        "textColor": "#ffffff"
      },
      {
        "color": "#454545",
        "labelZh": "背景色",
        "labelEn": "Background",
        "textColor": "#ffffff"
      },
      {
        "color": "#828384",
        "labelZh": "表面色",
        "labelEn": "Surface",
        "textColor": "#ffffff"
      },
      {
        "color": "#af50ff",
        "labelZh": "文本色",
        "labelEn": "Text",
        "textColor": "#ffffff"
      },
      {
        "color": "#423738",
        "labelZh": "边框色",
        "labelEn": "Border",
        "textColor": "#ffffff"
      },
      {
        "color": "#333333",
        "labelZh": "颜色 9",
        "labelEn": "Color 9",
        "textColor": "#ffffff"
      },
      {
        "color": "#475467",
        "labelZh": "颜色 10",
        "labelEn": "Color 10",
        "textColor": "#ffffff"
      },
      {
        "color": "#271635",
        "labelZh": "颜色 11",
        "labelEn": "Color 11",
        "textColor": "#ffffff"
      },
      {
        "color": "#7f56d9",
        "labelZh": "颜色 12",
        "labelEn": "Color 12",
        "textColor": "#ffffff"
      }
    ],
    "shadows": [],
    "borders": [],
    "typography": [
      "Whyte Inktrap Mono"
    ],
    "previewImages": [
      {
        "type": "local-preview",
        "path": "assets/source-preview.jpg"
      }
    ],
    "panels": [
      {
        "eyebrow": "数据",
        "title": "指标与状态清晰",
        "body": "适合分析看板、金融科技、监控和运营页面。"
      },
      {
        "eyebrow": "Token",
        "title": "颜色与字体可复用",
        "body": "页面从本地 metadata 与 Design.md 提取 palette、typography 和标签，用于快速预览主题质感。"
      },
      {
        "eyebrow": "组件",
        "title": "面向真实界面片段",
        "body": "按钮、输入、卡片和间距样例保持克制，便于比较不同主题的系统性差异。"
      }
    ],
    "usageGuidance": {
      "do": [
        "建议：基于 Refero 采集图和 metadata 还原 dope.security 的颜色、字体和页面密度，优先服务 安全合规、暗色界面、SaaS 产品 场景。",
        "建议：保留 dope.security 的来源标签和视觉 token，不把它混入旧来源的泛化模板。"
      ],
      "dont": [
        "避免：不要把 dope.security 套用到与 安全合规、暗色界面、SaaS 产品 明显无关的产品语境。",
        "避免：不要用通用行业模板覆盖 dope.security 的采集图风格；需要保留原图里的版式密度、留白和视觉重心。"
      ]
    }
  },
  "status": {
    "displayPage": "done",
    "collectionErrors": []
  }
}
