{
  "schemaVersion": 1,
  "source": {
    "sourceName": "styles.refero.design",
    "originalDetailUrl": "https://styles.refero.design/style/4433dfe7-315a-4459-bfd7-f59ccdc09bad",
    "fallbackRawUrl": "",
    "mirrorSource": "",
    "websiteUrl": ""
  },
  "identity": {
    "id": "P0-25",
    "slug": "atoms",
    "brand": "Atoms",
    "titleZh": "Atoms 主题",
    "titleEn": "Atoms",
    "descriptionZh": "Atoms 的 Design.md 主题展示，围绕暗色界面、强视觉、实验风格组织页面。",
    "descriptionEn": "Explore Atoms's dark Other design system: Absolute Zero #000000, Alabaster #fff7dd colors, Switzer, sans-serif typography, and DESIGN.md for AI agents."
  },
  "tags": {
    "sourceTags": [
      "atoms-design-system",
      "atoms-website-design",
      "atoms-colors",
      "atoms-typography",
      "design-md",
      "ai-agent-design",
      "website-design-inspiration",
      "other-design-system",
      "absolute-zero",
      "alabaster",
      "weathered-gold",
      "faded-ash",
      "switzer",
      "sans-serif"
    ],
    "generatedTags": [
      "dark",
      "image-assets",
      "ai"
    ],
    "designTags": [
      "dark",
      "sans-serif"
    ],
    "distributionTags": [
      "暗色界面",
      "强视觉",
      "实验风格"
    ]
  },
  "assets": {
    "designMd": {
      "path": "DESIGN.md",
      "method": "derived_from_metadata"
    },
    "tailwind": {
      "path": "tw.css",
      "sourcePath": ".local/design-md-batch/atoms/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/f2c46237-5cd0-4a31-bf20-f81d4d221364.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": [
      "#fff7dd",
      "#000000",
      "#c8ad86",
      "#66635f",
      "#080808",
      "#171617",
      "#262525",
      "#393939",
      "#fcfcfc",
      "#de4c00",
      "#efa680",
      "#040c06"
    ],
    "typography": {
      "display": "Switzer",
      "body": "Switzer",
      "mono": "ui-monospace",
      "hints": [
        "Switzer",
        "ui-monospace"
      ]
    }
  },
  "previewImages": [
    {
      "type": "local-preview",
      "path": "assets/source-preview.jpg"
    }
  ],
  "display": {
    "brand": "Atoms 主题",
    "brandAlias": "Atoms",
    "description": "Atoms 的 Design.md 主题展示，围绕暗色界面、强视觉、实验风格组织页面。",
    "descriptionEn": "Explore Atoms's dark Other design system: Absolute Zero #000000, Alabaster #fff7dd colors, Switzer, sans-serif typography, and DESIGN.md for AI agents.",
    "variant": "dark-experimental",
    "distributionTags": [
      "暗色界面",
      "强视觉",
      "实验风格"
    ],
    "fontStylesheets": [],
    "palette": [
      {
        "color": "#fff7dd",
        "labelZh": "主色",
        "labelEn": "Primary",
        "textColor": "#171717"
      },
      {
        "color": "#000000",
        "labelZh": "主色悬停",
        "labelEn": "Primary Hover",
        "textColor": "#ffffff"
      },
      {
        "color": "#c8ad86",
        "labelZh": "辅助色",
        "labelEn": "Secondary",
        "textColor": "#171717"
      },
      {
        "color": "#66635f",
        "labelZh": "强调色",
        "labelEn": "Accent",
        "textColor": "#ffffff"
      },
      {
        "color": "#080808",
        "labelZh": "背景色",
        "labelEn": "Background",
        "textColor": "#ffffff"
      },
      {
        "color": "#171617",
        "labelZh": "表面色",
        "labelEn": "Surface",
        "textColor": "#ffffff"
      },
      {
        "color": "#262525",
        "labelZh": "文本色",
        "labelEn": "Text",
        "textColor": "#ffffff"
      },
      {
        "color": "#393939",
        "labelZh": "边框色",
        "labelEn": "Border",
        "textColor": "#ffffff"
      },
      {
        "color": "#fcfcfc",
        "labelZh": "颜色 9",
        "labelEn": "Color 9",
        "textColor": "#171717"
      },
      {
        "color": "#de4c00",
        "labelZh": "颜色 10",
        "labelEn": "Color 10",
        "textColor": "#ffffff"
      },
      {
        "color": "#efa680",
        "labelZh": "颜色 11",
        "labelEn": "Color 11",
        "textColor": "#171717"
      },
      {
        "color": "#040c06",
        "labelZh": "颜色 12",
        "labelEn": "Color 12",
        "textColor": "#ffffff"
      }
    ],
    "shadows": [],
    "borders": [],
    "typography": [
      "Switzer",
      "ui-monospace"
    ],
    "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": "按钮、输入、卡片和间距样例保持克制，便于比较不同主题的系统性差异。"
      }
    ]
  },
  "status": {
    "displayPage": "todo",
    "collectionErrors": []
  }
}
