{
  "schemaVersion": 1,
  "source": {
    "sourceName": "getdesign.md",
    "originalDetailUrl": "https://getdesign.md/spacex/design-md",
    "fallbackRawUrl": "https://raw.githubusercontent.com/VoltAgent/awesome-design-md/main/design-md/spacex/DESIGN.md",
    "mirrorSource": "github:VoltAgent/awesome-design-md",
    "websiteUrl": "https://spacex.com/"
  },
  "identity": {
    "id": "P0-106",
    "slug": "spacex",
    "brand": "SpaceX",
    "titleZh": "SpaceX 主题",
    "titleEn": "SpaceX",
    "descriptionZh": "SpaceX 的 Design.md 主题展示，围绕媒体内容、编辑/机构、品牌展示、高级质感组织页面。",
    "descriptionEn": "Space technology. Stark black and white, full-bleed imagery, futuristic."
  },
  "tags": {
    "sourceTags": [],
    "generatedTags": [
      "request-flow",
      "media"
    ],
    "designTags": [],
    "distributionTags": [
      "媒体内容",
      "编辑/机构",
      "品牌展示",
      "高级质感",
      "内容出版",
      "排版系统",
      "品牌叙事"
    ]
  },
  "assets": {
    "designMd": {
      "path": "DESIGN.md",
      "sourcePath": ".local/design-md-batch-regression/getdesign/spacex/DESIGN.md"
    },
    "tailwind": {
      "path": "tw.css",
      "sourcePath": ".local/design-md-batch-regression/getdesign/spacex/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": [
      "#000000",
      "#ffffff",
      "#f0f0fa",
      "#0a0a0a",
      "#3a3a3f",
      "#e0e0e8",
      "#0000ee",
      "#5a5a5f",
      "#a0a0a0",
      "#fbbf24",
      "#8a8a8a",
      "#e0e0e0"
    ],
    "typography": {
      "display": "D-DIN-Bold",
      "body": "D-DIN",
      "mono": "ui-monospace",
      "hints": [
        "D-DIN-Bold",
        "D-DIN",
        "ui-monospace",
        "Arial Narrow",
        "Verdana",
        "Inter"
      ]
    },
    "radius": {
      "control": "4px",
      "card": "4px",
      "preview": "4px",
      "pill": "32px",
      "source": "design-md"
    },
    "spacing": {
      "xxs": "4px",
      "xs": "8px",
      "sm": "12px",
      "md": "16px",
      "lg": "18px",
      "xl": "24px",
      "xxl": "32px",
      "huge": "48px",
      "source": "design-md"
    }
  },
  "previewImages": [
    {
      "type": "local-preview",
      "path": "assets/official-homepage.webp"
    }
  ],
  "display": {
    "brand": "SpaceX 主题",
    "brandAlias": "SpaceX",
    "description": "SpaceX 的 Design.md 主题展示，围绕媒体内容、编辑/机构、品牌展示、高级质感组织页面。",
    "descriptionEn": "Space technology. Stark black and white, full-bleed imagery, futuristic.",
    "variant": "editorial-agency",
    "distributionTags": [
      "媒体内容",
      "编辑/机构",
      "品牌展示",
      "高级质感",
      "内容出版",
      "排版系统",
      "品牌叙事"
    ],
    "fontStylesheets": [],
    "palette": [
      {
        "color": "#000000",
        "labelZh": "主色",
        "labelEn": "Primary",
        "textColor": "#ffffff"
      },
      {
        "color": "#ffffff",
        "labelZh": "主色悬停",
        "labelEn": "Primary Hover",
        "textColor": "#171717"
      },
      {
        "color": "#f0f0fa",
        "labelZh": "辅助色",
        "labelEn": "Secondary",
        "textColor": "#171717"
      },
      {
        "color": "#0a0a0a",
        "labelZh": "强调色",
        "labelEn": "Accent",
        "textColor": "#ffffff"
      },
      {
        "color": "#3a3a3f",
        "labelZh": "背景色",
        "labelEn": "Background",
        "textColor": "#ffffff"
      },
      {
        "color": "#e0e0e8",
        "labelZh": "表面色",
        "labelEn": "Surface",
        "textColor": "#171717"
      },
      {
        "color": "#0000ee",
        "labelZh": "文本色",
        "labelEn": "Text",
        "textColor": "#ffffff"
      },
      {
        "color": "#5a5a5f",
        "labelZh": "边框色",
        "labelEn": "Border",
        "textColor": "#ffffff"
      },
      {
        "color": "#a0a0a0",
        "labelZh": "颜色 9",
        "labelEn": "Color 9",
        "textColor": "#171717"
      },
      {
        "color": "#fbbf24",
        "labelZh": "颜色 10",
        "labelEn": "Color 10",
        "textColor": "#171717"
      },
      {
        "color": "#8a8a8a",
        "labelZh": "颜色 11",
        "labelEn": "Color 11",
        "textColor": "#ffffff"
      },
      {
        "color": "#e0e0e0",
        "labelZh": "颜色 12",
        "labelEn": "Color 12",
        "textColor": "#171717"
      }
    ],
    "shadows": [],
    "borders": [
      {
        "label": "边框 1 - Border 1",
        "value": "#3a3a3f",
        "cssValue": "#3a3a3f",
        "description": "hairline-on-dark: \"#3a3a3f\""
      },
      {
        "label": "边框 2 - Border 2",
        "value": "#e0e0e8",
        "cssValue": "#e0e0e8",
        "description": "hairline-on-light: \"#e0e0e8\""
      }
    ],
    "typography": [
      "D-DIN-Bold",
      "D-DIN",
      "ui-monospace",
      "Arial Narrow",
      "Verdana",
      "Inter"
    ],
    "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": [
        "建议：Use full-bleed photography or autoplaying video as the dominant decorative element on every marketing band。",
        "建议：Render display tiers in uppercase D-DIN-Bold with positive 0.96–1.6px letter-spacing — the wide tracking is the signature。",
        "建议：Use a single {button-ghost-on-dark} per band — the brand does NOT show two CTAs side by side on marketing surfaces。",
        "建议：Pair every photograph with type that respects the imagery — no scrims, no gradients, no overlays. Grade the photo, not the canvas。",
        "建议：Keep nav overlay-style (transparent, white-on-image) on marketing pages。"
      ],
      "dont": [
        "避免：introduce brand accent colors — black, white, and photography are the entire palette。",
        "避免：use drop shadows or gradient overlays on dark canvas — they fight the photography。",
        "避免：render display tiers in sentence-case or title-case — uppercase is the brand。",
        "避免：put filled buttons on marketing surfaces — the ghost outlined pill is the only marketing CTA。",
        "避免：use serif or humanist sans alternatives — the condensed industrial DIN cut is non-negotiable。"
      ]
    },
    "radius": {
      "control": "4px",
      "card": "4px",
      "preview": "4px",
      "pill": "32px",
      "source": "design-md"
    },
    "spacing": {
      "xxs": "4px",
      "xs": "8px",
      "sm": "12px",
      "md": "16px",
      "lg": "18px",
      "xl": "24px",
      "xxl": "32px",
      "huge": "48px",
      "source": "design-md"
    }
  },
  "status": {
    "displayPage": "done",
    "collectionErrors": []
  }
}
