{
  "schemaVersion": 1,
  "source": {
    "sourceName": "getdesign.md",
    "originalDetailUrl": "https://getdesign.md/resend/design-md",
    "fallbackRawUrl": "https://raw.githubusercontent.com/VoltAgent/awesome-design-md/main/design-md/resend/DESIGN.md",
    "mirrorSource": "github:VoltAgent/awesome-design-md",
    "websiteUrl": "https://www.resend.com/"
  },
  "identity": {
    "id": "P0-20",
    "slug": "resend",
    "brand": "Resend",
    "titleZh": "Resend 主题",
    "titleEn": "Resend",
    "descriptionZh": "Resend 的 Design.md 主题展示，围绕开发工具、媒体内容、极简清爽、暗色界面组织页面。",
    "descriptionEn": "Email API. Minimal dark theme, monospace accents."
  },
  "tags": {
    "sourceTags": [],
    "generatedTags": [
      "developer-tool",
      "request-flow",
      "media",
      "minimal",
      "dark"
    ],
    "designTags": [],
    "distributionTags": [
      "开发工具",
      "媒体内容",
      "极简清爽",
      "暗色界面",
      "SaaS 产品",
      "浅色界面",
      "B2B 产品",
      "效率工具",
      "专业工具"
    ]
  },
  "assets": {
    "designMd": {
      "path": "DESIGN.md",
      "sourcePath": ".local/design-md-batch-regression/getdesign/resend/DESIGN.md"
    },
    "tailwind": {
      "path": "tw.css",
      "sourcePath": ".local/design-md-batch-regression/getdesign/resend/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",
      "#0a0a0c",
      "#fcfdff",
      "#06060a",
      "#3b9eff",
      "#a1a4a5",
      "#888e90",
      "#464a4d",
      "#101012",
      "#ff801f",
      "#ffc53d",
      "#11ff99"
    ],
    "typography": {
      "display": "Domaine Display",
      "body": "ABC Favorit",
      "mono": "Geist Mono",
      "hints": [
        "Domaine Display",
        "ABC Favorit",
        "Geist Mono",
        "Inter",
        "Geist"
      ]
    },
    "radius": {
      "control": "8px",
      "card": "12px",
      "preview": "0px",
      "pill": "9999px",
      "source": "design-md"
    },
    "spacing": {
      "xxs": "2px",
      "xs": "4px",
      "sm": "8px",
      "md": "12px",
      "lg": "16px",
      "xl": "24px",
      "xxl": "32px",
      "xxxl": "48px",
      "section": "96px",
      "band": "128px",
      "source": "design-md"
    }
  },
  "previewImages": [
    {
      "type": "local-preview",
      "path": "assets/official-homepage.webp"
    }
  ],
  "display": {
    "brand": "Resend 主题",
    "brandAlias": "Resend",
    "description": "Resend 的 Design.md 主题展示，围绕开发工具、媒体内容、极简清爽、暗色界面组织页面。",
    "descriptionEn": "Email API. Minimal dark theme, monospace accents.",
    "variant": "saas-devtool",
    "distributionTags": [
      "开发工具",
      "媒体内容",
      "极简清爽",
      "暗色界面",
      "SaaS 产品",
      "浅色界面",
      "B2B 产品",
      "效率工具",
      "专业工具"
    ],
    "fontStylesheets": [],
    "palette": [
      {
        "color": "#000000",
        "labelZh": "主色",
        "labelEn": "Primary",
        "textColor": "#ffffff"
      },
      {
        "color": "#0a0a0c",
        "labelZh": "主色悬停",
        "labelEn": "Primary Hover",
        "textColor": "#ffffff"
      },
      {
        "color": "#fcfdff",
        "labelZh": "辅助色",
        "labelEn": "Secondary",
        "textColor": "#171717"
      },
      {
        "color": "#06060a",
        "labelZh": "强调色",
        "labelEn": "Accent",
        "textColor": "#ffffff"
      },
      {
        "color": "#3b9eff",
        "labelZh": "背景色",
        "labelEn": "Background",
        "textColor": "#ffffff"
      },
      {
        "color": "#a1a4a5",
        "labelZh": "表面色",
        "labelEn": "Surface",
        "textColor": "#171717"
      },
      {
        "color": "#888e90",
        "labelZh": "文本色",
        "labelEn": "Text",
        "textColor": "#ffffff"
      },
      {
        "color": "#464a4d",
        "labelZh": "边框色",
        "labelEn": "Border",
        "textColor": "#ffffff"
      },
      {
        "color": "#101012",
        "labelZh": "颜色 9",
        "labelEn": "Color 9",
        "textColor": "#ffffff"
      },
      {
        "color": "#ff801f",
        "labelZh": "颜色 10",
        "labelEn": "Color 10",
        "textColor": "#171717"
      },
      {
        "color": "#ffc53d",
        "labelZh": "颜色 11",
        "labelEn": "Color 11",
        "textColor": "#171717"
      },
      {
        "color": "#11ff99",
        "labelZh": "颜色 12",
        "labelEn": "Color 12",
        "textColor": "#171717"
      }
    ],
    "shadows": [],
    "borders": [
      {
        "label": "边框 1 - Border 1",
        "value": "rgba(255,255,255,0.06)",
        "cssValue": "rgba(255,255,255,0.06)",
        "description": "hairline: \"rgba(255,255,255,0.06)\""
      },
      {
        "label": "边框 2 - Border 2",
        "value": "rgba(255,255,255,0.14)",
        "cssValue": "rgba(255,255,255,0.14)",
        "description": "hairline-strong: \"rgba(255,255,255,0.14)\""
      },
      {
        "label": "边框 3 - Border 3",
        "value": "rgba(255,255,255,0.04)",
        "cssValue": "rgba(255,255,255,0.04)",
        "description": "divider-soft: \"rgba(255,255,255,0.04)\""
      },
      {
        "label": "边框 4 - Border 4",
        "value": "#0a0a0c",
        "cssValue": "#0a0a0c",
        "description": "surface-card: \"#0a0a0c\""
      },
      {
        "label": "边框 5 - Border 5",
        "value": "#101012",
        "cssValue": "#101012",
        "description": "surface-elevated: \"#101012\""
      },
      {
        "label": "边框 6 - Border 6",
        "value": "#06060a",
        "cssValue": "#06060a",
        "description": "surface-deep: \"#06060a\""
      }
    ],
    "typography": [
      "Domaine Display",
      "ABC Favorit",
      "Geist Mono",
      "Inter",
      "Geist"
    ],
    "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 {colors.canvas} (true black) as the default page background. Every public page lives here。",
        "建议：Reserve {component.button-primary} (white pill) as the only solid bright surface. One per viewport at most。",
        "建议：Set hero headlines in Domaine Display at 76–96px with {lineHeight: 1.0} and {ss01 / ss04 / ss11} features engaged。",
        "建议：Use ABC Favorit for marketing body, Inter for UI labels, Geist Mono for code. Keep the lanes strict。",
        "建议：Build elevation from translucent-white hairlines, not drop shadows。"
      ],
      "dont": [
        "避免：use a near-black canvas. The brand sits on {#000000}, not {#0a0a0a}。",
        "避免：apply solid colour to atmospheric accent tokens. {colors.accent-orange} is for inline highlights only — its glow form is for backdrops。",
        "避免：add drop shadows to feature cards or code wells. Translucent white borders carry depth on this canvas。",
        "避免：bump body weight to 600 for emphasis. Use family change (Inter → ABC Favorit → Domaine Display) instead。",
        "避免：render code outside {component.code-window} — even small inline code uses Geist Mono and a {colors.surface-card} background。"
      ]
    },
    "radius": {
      "control": "8px",
      "card": "12px",
      "preview": "0px",
      "pill": "9999px",
      "source": "design-md"
    },
    "spacing": {
      "xxs": "2px",
      "xs": "4px",
      "sm": "8px",
      "md": "12px",
      "lg": "16px",
      "xl": "24px",
      "xxl": "32px",
      "xxxl": "48px",
      "section": "96px",
      "band": "128px",
      "source": "design-md"
    }
  },
  "status": {
    "displayPage": "doing",
    "collectionErrors": []
  }
}
