{
  "schemaVersion": 1,
  "source": {
    "sourceName": "getdesign.md",
    "originalDetailUrl": "https://getdesign.md/sentry/design-md",
    "fallbackRawUrl": "https://raw.githubusercontent.com/VoltAgent/awesome-design-md/main/design-md/sentry/DESIGN.md",
    "mirrorSource": "github:VoltAgent/awesome-design-md",
    "websiteUrl": "https://sentry.io/"
  },
  "identity": {
    "id": "P0-103",
    "slug": "sentry",
    "brand": "Sentry",
    "titleZh": "Sentry 主题",
    "titleEn": "Sentry",
    "descriptionZh": "Sentry 的 Design.md 主题展示，围绕开发工具、媒体内容、运营监控、暗色界面组织页面。",
    "descriptionEn": "Error monitoring. Dark dashboard, data-dense, pink-purple accent."
  },
  "tags": {
    "sourceTags": [],
    "generatedTags": [
      "developer-tool",
      "request-flow",
      "media",
      "monitoring",
      "dark",
      "dashboard",
      "operations"
    ],
    "designTags": [],
    "distributionTags": [
      "开发工具",
      "媒体内容",
      "运营监控",
      "暗色界面",
      "数据仪表盘",
      "运营系统",
      "SaaS 产品",
      "浅色界面",
      "B2B 产品",
      "效率工具",
      "专业工具"
    ]
  },
  "assets": {
    "designMd": {
      "path": "DESIGN.md",
      "sourcePath": ".local/design-md-batch-regression/getdesign/sentry/DESIGN.md"
    },
    "tailwind": {
      "path": "tw.css",
      "sourcePath": ".local/design-md-batch-regression/getdesign/sentry/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": [
      "#150f23",
      "#1f1633",
      "#ffffff",
      "#c2ef4e",
      "#fa7faa",
      "#6a5fc1",
      "#422082",
      "#79628c",
      "#f0f0f0",
      "#efefef",
      "#362d59",
      "#cfcfdb"
    ],
    "typography": {
      "display": "Sentri Display",
      "body": "Rubik",
      "mono": "Menlo",
      "hints": [
        "Sentri Display",
        "Rubik",
        "Menlo",
        "Monaco",
        "Ubuntu Mono",
        "Inter"
      ]
    },
    "radius": {
      "control": "6px",
      "card": "12px",
      "preview": "18px",
      "pill": "9999px",
      "source": "design-md"
    },
    "spacing": {
      "xxs": "2px",
      "xs": "4px",
      "sm": "8px",
      "md": "12px",
      "lg": "16px",
      "xl": "24px",
      "xxl": "32px",
      "section": "96px",
      "source": "design-md"
    }
  },
  "previewImages": [
    {
      "type": "local-preview",
      "path": "assets/official-homepage.webp"
    }
  ],
  "display": {
    "brand": "Sentry 主题",
    "brandAlias": "Sentry",
    "description": "Sentry 的 Design.md 主题展示，围绕开发工具、媒体内容、运营监控、暗色界面组织页面。",
    "descriptionEn": "Error monitoring. Dark dashboard, data-dense, pink-purple accent.",
    "variant": "saas-devtool",
    "distributionTags": [
      "开发工具",
      "媒体内容",
      "运营监控",
      "暗色界面",
      "数据仪表盘",
      "运营系统",
      "SaaS 产品",
      "浅色界面",
      "B2B 产品",
      "效率工具",
      "专业工具"
    ],
    "fontStylesheets": [],
    "palette": [
      {
        "color": "#150f23",
        "labelZh": "主色",
        "labelEn": "Primary",
        "textColor": "#ffffff"
      },
      {
        "color": "#1f1633",
        "labelZh": "主色悬停",
        "labelEn": "Primary Hover",
        "textColor": "#ffffff"
      },
      {
        "color": "#ffffff",
        "labelZh": "辅助色",
        "labelEn": "Secondary",
        "textColor": "#171717"
      },
      {
        "color": "#c2ef4e",
        "labelZh": "强调色",
        "labelEn": "Accent",
        "textColor": "#171717"
      },
      {
        "color": "#fa7faa",
        "labelZh": "背景色",
        "labelEn": "Background",
        "textColor": "#171717"
      },
      {
        "color": "#6a5fc1",
        "labelZh": "表面色",
        "labelEn": "Surface",
        "textColor": "#ffffff"
      },
      {
        "color": "#422082",
        "labelZh": "文本色",
        "labelEn": "Text",
        "textColor": "#ffffff"
      },
      {
        "color": "#79628c",
        "labelZh": "边框色",
        "labelEn": "Border",
        "textColor": "#ffffff"
      },
      {
        "color": "#f0f0f0",
        "labelZh": "颜色 9",
        "labelEn": "Color 9",
        "textColor": "#171717"
      },
      {
        "color": "#efefef",
        "labelZh": "颜色 10",
        "labelEn": "Color 10",
        "textColor": "#171717"
      },
      {
        "color": "#362d59",
        "labelZh": "颜色 11",
        "labelEn": "Color 11",
        "textColor": "#ffffff"
      },
      {
        "color": "#cfcfdb",
        "labelZh": "颜色 12",
        "labelEn": "Color 12",
        "textColor": "#171717"
      }
    ],
    "shadows": [
      {
        "label": "阴影 1 - Shadow 1",
        "value": "rgba(59,130,246,0.5)",
        "cssValue": "rgba(59,130,246,0.5)",
        "description": "Focus Ring (`{colors.ring-focus}` — `rgba(59,130,246,0.5)`): Translucent blue focus ring — the only blue in the system, reserved for keyboard focus on form fields."
      },
      {
        "label": "阴影 2 - Shadow 2",
        "value": "box-shadow: rgba(0,0,0,0.08) 0 2px 8px 0",
        "cssValue": "box-shadow: rgba(0,0,0,0.08) 0 2px 8px 0",
        "description": "| 1 | `box-shadow: rgba(0,0,0,0.08) 0 2px 8px 0` | Inverted buttons on dark canvas (light fill lifting off dark surface) |"
      },
      {
        "label": "阴影 3 - Shadow 3",
        "value": "box-shadow: rgba(0,0,0,0.1) 0 10px 15px -3px, rgba(0,0,0,0.1) 0 4px 6px -4px",
        "cssValue": "box-shadow: rgba(0,0,0,0.1) 0 10px 15px -3px, rgba(0,0,0,0.1) 0 4px 6px -4px",
        "description": "| 2 | `box-shadow: rgba(0,0,0,0.1) 0 10px 15px -3px, rgba(0,0,0,0.1) 0 4px 6px -4px` | Floating cards on light canvas, modals |"
      },
      {
        "label": "阴影 4 - Shadow 4",
        "value": "box-shadow: rgb(21,15,35) 0 0 8px 6px",
        "cssValue": "box-shadow: rgb(21,15,35) 0 0 8px 6px",
        "description": "| 3 | `box-shadow: rgb(21,15,35) 0 0 8px 6px` | Glow halo around primary CTA on dark hero — the dark color itself becomes the shadow, creating a vignette of canvas around the button |"
      },
      {
        "label": "阴影 5 - Shadow 5",
        "value": "box-shadow: rgba(0,0,0,0.18) 0 0.5rem 1.5rem",
        "cssValue": "box-shadow: rgba(0,0,0,0.18) 0 0.5rem 1.5rem",
        "description": "| 4 | `box-shadow: rgba(0,0,0,0.18) 0 0.5rem 1.5rem` | Pressed inverted button on dark canvas |"
      },
      {
        "label": "阴影 6 - Shadow 6",
        "value": "rgba(0,0,0,0.15) 0 2px 10px inset",
        "cssValue": "rgba(0,0,0,0.15) 0 2px 10px inset",
        "description": "Focus state in `text-input-focused`: same fill, but adds an inset shadow `rgba(0,0,0,0.15) 0 2px 10px inset` to suggest depth pressed inward."
      }
    ],
    "borders": [
      {
        "label": "边框 1 - Border 1",
        "value": "#362d59",
        "cssValue": "#362d59",
        "description": "hairline-violet: \"#362d59\""
      },
      {
        "label": "边框 2 - Border 2",
        "value": "#cfcfdb",
        "cssValue": "#cfcfdb",
        "description": "hairline-cool: \"#cfcfdb\""
      },
      {
        "label": "边框 3 - Border 3",
        "value": "#e5e7eb",
        "cssValue": "#e5e7eb",
        "description": "hairline-cloud: \"#e5e7eb\""
      }
    ],
    "typography": [
      "Sentri Display",
      "Rubik",
      "Menlo",
      "Monaco",
      "Ubuntu Mono",
      "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": [
        "建议：Reserve {colors.accent-lime} for keyword-highlight chips inside display headlines and the footer squiggle divider — never use it as a button background, never as body text。",
        "建议：Pair every {button-primary} with {typography.button-cap} in uppercase with 0.2px tracking — the cadence is part of the brand, not a stylistic option。",
        "建议：Treat the dark canvas ({colors.surface-canvas-dark}) and light canvas ({colors.surface-canvas-light}) as two complete worlds — let one own marketing/feature pages and the other own transactional pages, with no half-measures。",
        "建议：Use sticker mascots to break section boundaries — let them overlap, tilt, and float; constraining them inside cards drains their personality。",
        "建议：Use {card-pricing-featured} (dark inverted tier) instead of an accent-bordered light tier for the featured pricing column。"
      ],
      "dont": [
        "避免：introduce additional accent colors beyond {colors.accent-lime} and {colors.accent-pink} — adding teal, orange, or yellow dilutes the violet-and-lime signature。",
        "避免：apply drop shadows to cards on dark canvas — depth comes from texture and illustration, not from light-on-dark shadows that would muddy the violet。",
        "避免：use {typography.display-hero} (88px) for anything except the marketing hero — even sub-pages cap at {typography.display-large} (60px)。",
        "避免：put body text in {colors.accent-lime} — it's a chip color, not a type color, and breaks contrast at body sizes。",
        "避免：soften the {colors.primary} button to a brand-violet — the near-black is the point; it reads as the most authoritative action regardless of canvas polarity。"
      ]
    },
    "radius": {
      "control": "6px",
      "card": "12px",
      "preview": "18px",
      "pill": "9999px",
      "source": "design-md"
    },
    "spacing": {
      "xxs": "2px",
      "xs": "4px",
      "sm": "8px",
      "md": "12px",
      "lg": "16px",
      "xl": "24px",
      "xxl": "32px",
      "section": "96px",
      "source": "design-md"
    }
  },
  "status": {
    "displayPage": "done",
    "collectionErrors": []
  }
}
