{
  "schemaVersion": 1,
  "source": {
    "sourceName": "getdesign.md",
    "originalDetailUrl": "https://getdesign.md/together.ai/design-md",
    "fallbackRawUrl": "https://raw.githubusercontent.com/VoltAgent/awesome-design-md/main/design-md/together.ai/DESIGN.md",
    "mirrorSource": "github:VoltAgent/awesome-design-md",
    "websiteUrl": "https://www.together.ai/"
  },
  "identity": {
    "id": "P0-112",
    "slug": "together-ai",
    "brand": "Together AI",
    "titleZh": "Together AI 主题",
    "titleEn": "Together AI",
    "descriptionZh": "Together AI 的 Design.md 主题展示，围绕AI、媒体内容、运营监控、运营系统组织页面。",
    "descriptionEn": "Open-source AI infrastructure. Technical, blueprint-style design."
  },
  "tags": {
    "sourceTags": [],
    "generatedTags": [
      "ai",
      "request-flow",
      "media",
      "monitoring",
      "operations",
      "dashboard"
    ],
    "designTags": [],
    "distributionTags": [
      "AI",
      "媒体内容",
      "运营监控",
      "运营系统",
      "数据仪表盘",
      "SaaS 产品",
      "开发工具",
      "浅色界面",
      "B2B 产品",
      "效率工具",
      "专业工具"
    ]
  },
  "assets": {
    "designMd": {
      "path": "DESIGN.md",
      "sourcePath": ".local/design-md-batch-regression/getdesign/together-ai/DESIGN.md"
    },
    "tailwind": {
      "path": "tw.css",
      "sourcePath": ".local/design-md-batch-regression/getdesign/together-ai/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",
      "#959494",
      "#ffffff",
      "#010120",
      "#313641",
      "#fc4c02",
      "#ef2cc1",
      "#bdbbff",
      "#c8f6f9",
      "#a0a0a0",
      "#fbbf24",
      "#8a8a8a"
    ],
    "typography": {
      "display": "The Future",
      "body": "Inter",
      "mono": "PP Neue Montreal Mono",
      "hints": [
        "The Future",
        "Inter",
        "PP Neue Montreal Mono",
        "Helvetica Neue",
        "ui-monospace",
        "SF Mono",
        "Menlo",
        "Geist Mono",
        "Geist",
        "mono-kickers"
      ]
    },
    "radius": {
      "control": "4px",
      "card": "4px",
      "preview": "4px",
      "pill": "9999px",
      "source": "design-md"
    },
    "spacing": {
      "xxs": "2px",
      "xs": "4px",
      "sm": "8px",
      "md": "12px",
      "lg": "16px",
      "xl": "20px",
      "2xl": "24px",
      "3xl": "32px",
      "4xl": "44px",
      "5xl": "48px",
      "6xl": "55.2px",
      "section": "80px",
      "source": "design-md"
    }
  },
  "previewImages": [
    {
      "type": "local-preview",
      "path": "assets/official-homepage.webp"
    }
  ],
  "display": {
    "brand": "Together AI 主题",
    "brandAlias": "Together AI",
    "description": "Together AI 的 Design.md 主题展示，围绕AI、媒体内容、运营监控、运营系统组织页面。",
    "descriptionEn": "Open-source AI infrastructure. Technical, blueprint-style design.",
    "variant": "saas-devtool",
    "distributionTags": [
      "AI",
      "媒体内容",
      "运营监控",
      "运营系统",
      "数据仪表盘",
      "SaaS 产品",
      "开发工具",
      "浅色界面",
      "B2B 产品",
      "效率工具",
      "专业工具"
    ],
    "fontStylesheets": [
      "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap"
    ],
    "palette": [
      {
        "color": "#000000",
        "labelZh": "主色",
        "labelEn": "Primary",
        "textColor": "#ffffff"
      },
      {
        "color": "#959494",
        "labelZh": "主色悬停",
        "labelEn": "Primary Hover",
        "textColor": "#ffffff"
      },
      {
        "color": "#ffffff",
        "labelZh": "辅助色",
        "labelEn": "Secondary",
        "textColor": "#171717"
      },
      {
        "color": "#010120",
        "labelZh": "强调色",
        "labelEn": "Accent",
        "textColor": "#ffffff"
      },
      {
        "color": "#313641",
        "labelZh": "背景色",
        "labelEn": "Background",
        "textColor": "#ffffff"
      },
      {
        "color": "#fc4c02",
        "labelZh": "表面色",
        "labelEn": "Surface",
        "textColor": "#ffffff"
      },
      {
        "color": "#ef2cc1",
        "labelZh": "文本色",
        "labelEn": "Text",
        "textColor": "#ffffff"
      },
      {
        "color": "#bdbbff",
        "labelZh": "边框色",
        "labelEn": "Border",
        "textColor": "#171717"
      },
      {
        "color": "#c8f6f9",
        "labelZh": "颜色 9",
        "labelEn": "Color 9",
        "textColor": "#171717"
      },
      {
        "color": "#a0a0a0",
        "labelZh": "颜色 10",
        "labelEn": "Color 10",
        "textColor": "#171717"
      },
      {
        "color": "#fbbf24",
        "labelZh": "颜色 11",
        "labelEn": "Color 11",
        "textColor": "#171717"
      },
      {
        "color": "#8a8a8a",
        "labelZh": "颜色 12",
        "labelEn": "Color 12",
        "textColor": "#ffffff"
      }
    ],
    "shadows": [
      {
        "label": "阴影 1 - Shadow 1",
        "value": "rgba(1, 1, 32, 0.1) 0px 4px 10px 0px",
        "cssValue": "rgba(1, 1, 32, 0.1) 0px 4px 10px 0px",
        "description": "| Level 3 — Soft Drop | `rgba(1, 1, 32, 0.1) 0px 4px 10px 0px` — a barely-perceptible shadow tinted with the brand's dark-navy. | Floating elements (the chat-launcher orb, sticky-bottom nav row when one appears). |"
      }
    ],
    "borders": [
      {
        "label": "边框 1 - Border 1",
        "value": "#959494",
        "cssValue": "#959494",
        "description": "body: \"#959494\""
      },
      {
        "label": "边框 2 - Border 2",
        "value": "rgba(0, 0, 0, 0.08)",
        "cssValue": "rgba(0, 0, 0, 0.08)",
        "description": "borderColor: \"rgba(0, 0, 0, 0.08)\""
      },
      {
        "label": "边框 3 - Border 3",
        "value": "rgba(255, 255, 255, 0.12)",
        "cssValue": "rgba(255, 255, 255, 0.12)",
        "description": "borderColor: \"rgba(255, 255, 255, 0.12)\""
      },
      {
        "label": "边框 4 - Border 4",
        "value": "#ebebeb",
        "cssValue": "#ebebeb",
        "description": "Hairline / Canvas Soft (`{colors.hairline}` — `#ebebeb`): The brand's single soft surface tone — used for data-table header rows, toggle-pill rails, and 1 px dividers between table rows."
      },
      {
        "label": "边框 5 - Border 5",
        "value": "#26263a",
        "cssValue": "#26263a",
        "description": "Hairline on Dark (`{colors.surface-dark-soft}` — `#26263a`): 1 px dividers and badge backgrounds on `{colors.canvas-dark}` surfaces; pre-blended from the brand's translucent-white-on-dark hairline."
      }
    ],
    "typography": [
      "The Future",
      "Inter",
      "PP Neue Montreal Mono",
      "Helvetica Neue",
      "ui-monospace",
      "SF Mono"
    ],
    "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.primary} ({#000000}) for every primary CTA. One black pill per visible viewport — that consistency is the brand's whole conversion story。",
        "建议：Set every section eyebrow and button label in {typography.mono-caps-button} / {typography.mono-caps-eyebrow} — uppercase mono, positive tracking。",
        "建议：Pair the brand gradient ({colors.accent-orange} → {colors.accent-magenta} → {colors.accent-periwinkle}) at hero scale only. The gradient is the brand chrome; never shrink to icon size。",
        "建议：Cycle page surfaces in the {colors.canvas-dark} → {colors.canvas} → {colors.canvas-dark} rhythm; the dark-light contrast carries elevation more than any shadow。",
        "建议：Use {rounded.sm} 4 px as the canonical card / button radius across the system; reserve {rounded.full} for the single floating chat-launcher orb。"
      ],
      "dont": [
        "避免：introduce a fifth accent colour. The three-stop gradient + mint pill is the entire decorative palette; new accents flatten the brand。",
        "避免：set body paragraphs in the mono face. The mono is for labels only; long-form mono reads as a console log, not as marketing copy。",
        "避免：centre-align body paragraphs under a left-aligned display headline. The brand keeps text-block alignment consistent within a copy stack。",
        "避免：drop a soft drop-shadow on light-surface cards. The brand uses hairlines and surface contrast for elevation; soft shadows belong only on the floating chat-launcher orb。",
        "避免：reduce the brand gradient to a single-colour fill, reorder its stops, or add a fourth stop. The gradient is a fixed object。"
      ]
    },
    "radius": {
      "control": "4px",
      "card": "4px",
      "preview": "4px",
      "pill": "9999px",
      "source": "design-md"
    },
    "spacing": {
      "xxs": "2px",
      "xs": "4px",
      "sm": "8px",
      "md": "12px",
      "lg": "16px",
      "xl": "20px",
      "2xl": "24px",
      "3xl": "32px",
      "4xl": "44px",
      "5xl": "48px",
      "6xl": "55.2px",
      "section": "80px",
      "source": "design-md"
    }
  },
  "status": {
    "displayPage": "done",
    "collectionErrors": []
  }
}
