{
  "name": "阿栗AI Design System",
  "version": "1.1",
  "updated": "2026-10-15",
  "themes": {
    "light": {
      "--paper": "#ffffff",
      "--card": "#ffffff",
      "--surface": "#f8f8fa",
      "--subtle": "#fafafc",
      "--ink": "#19191b",
      "--body-text": "#50505b",
      "--muted": "#6f6f7b",
      "--line": "#e1e1e7",
      "--accent": "#2a74db",
      "--accent-pale": "#f4f7fc",
      "--accent-line": "#aac6ee",
      "--action-bg": "#2a74db",
      "--on-accent": "#fff",
      "--night": "#19191b",
      "--yellow": "#f37021"
    },
    "dark": {
      "--paper": "#121316",
      "--card": "#1b1d22",
      "--surface": "#15171b",
      "--subtle": "#22252b",
      "--ink": "#eeeef2",
      "--body-text": "#c4c7d0",
      "--muted": "#a8acb7",
      "--line": "#343840",
      "--accent": "#78adfa",
      "--accent-pale": "#19283e",
      "--accent-line": "#496b9d",
      "--action-bg": "#2a74db",
      "--on-accent": "#fff",
      "--night": "#19191b",
      "--yellow": "#f37021"
    }
  },
  "fixed": {
    "brand-orange": "#f37021",
    "brand-blue": "#2a74db",
    "footer-background": "#000000",
    "contact-background": "#000000",
    "announcement-light": "#19191b",
    "announcement-dark": "#272c35"
  },
  "spacing": [
    4,
    8,
    12,
    16,
    20,
    24,
    28,
    32,
    40,
    48,
    64
  ],
  "radii": {
    "control": 3,
    "model-card": 4,
    "workspace-card": 6,
    "membership-card": 8,
    "pill": 999
  },
  "line": {
    "border": 1,
    "icon": [
      1.2,
      1.5
    ],
    "focus": 2
  },
  "container": {
    "default": 1280,
    "wide": 1400,
    "gutter": [
      40,
      28,
      20,
      15
    ]
  },
  "motion": {
    "micro": [
      150,
      200
    ],
    "collapse": 280,
    "announcement": 32000
  },
  "layer": {
    "toast": 10,
    "contact": 20,
    "dialog": "native top layer"
  },
  "brand": {
    "wordmark": "/assets/ali-logo-v3.png",
    "icon": "/assets/ali-icon-v3.png",
    "mascot": "/assets/ali-mascot.png",
    "format": "transparent PNG",
    "ink": "#19191b",
    "usage": "Brand assets only; interface action blue and orange remain unchanged.",
    "inverse": "#ffffff",
    "accent": "#2a74db",
    "flatMascot": "/assets/ali-flat.png",
    "cowAvatar": "/assets/ali-cow-logo.png",
    "darkUsage": "Monochrome brand-blue approved ali wordmark with theme-aware HTML brand text; no background plate.",
    "concept": "Approved rounded lowercase ali wordmark with a robot head and two transparent oval eyes above the i.",
    "wordmarkDark": "/assets/ali-logo-blue-v3.png"
  },
  "heroVisual": {
    "stylesheet": "/hero-visual.css",
    "assetFamily": "阿栗平面动作系列",
    "desktopMaxWidth": 290,
    "mobileMaxWidth": 260,
    "objectFit": "contain",
    "background": "transparent",
    "borderWidth": 0,
    "decoration": "Four fine connector paths with small endpoint markers; lines highlight when the corresponding link is hovered or focused.",
    "pages": {
      "home": "/assets/ali-welcome.png",
      "membership": "/assets/ali-membership.png",
      "relay": "/assets/ali-developer.png"
    },
    "wideMaxWidth": 290,
    "aspectRatio": "1 / 1",
    "height": "auto",
    "overflow": "visible",
    "safePadding": {
      "desktop": 12,
      "mobile": 12
    },
    "surface": {
      "light": "#ffffff",
      "dark": "#121316",
      "semanticToken": "--paper"
    },
    "darkAssetSurface": {
      "default": "#ffffff"
    },
    "motion": {
      "continuousAnimation": true,
      "duration": 540,
      "stagger": 135,
      "effect": "Short blue/orange light overlays the original rounded orthogonal line, at 10 times the previous speed.",
      "pauseControl": "Icon appears on scene hover or keyboard focus.",
      "pauseOffscreen": true,
      "pauseWhenPageHidden": true,
      "respectsReducedMotion": true,
      "withoutJavaScript": "Links and images remain usable; unmeasured lines stay hidden."
    },
    "composition": "左右布局：左侧标题、说明与主操作；右侧完整阿栗形象居中，四个小型内容标签通过细线衬托。",
    "node": {
      "maxWidth": 136,
      "titleSize": 13,
      "supportSize": 9,
      "content": "Title and one short context line; no paragraph or separate CTA."
    },
    "connections": {
      "coordinates": "Measured DOM connection ports, matched to the SVG viewport on every layout change.",
      "resize": "ResizeObserver, viewport resize, image load and font readiness",
      "shape": "Original rounded orthogonal paths with fine strokes and 2.5px endpoint markers."
    }
  },
  "brandAssets": [
    {
      "file": "ali-welcome.png",
      "title": "阿栗 · 欢迎",
      "category": "flat",
      "usage": "首页欢迎、产品介绍",
      "width": 1254,
      "height": 1254,
      "url": "/assets/ali-welcome.png",
      "format": "PNG",
      "transparent": true
    },
    {
      "file": "ali-membership.png",
      "title": "阿栗 · 会员",
      "category": "flat",
      "usage": "会员选购、商品介绍",
      "width": 1254,
      "height": 1254,
      "url": "/assets/ali-membership.png",
      "format": "PNG",
      "transparent": true
    },
    {
      "file": "ali-developer.png",
      "title": "阿栗 · 开发",
      "category": "flat",
      "usage": "AI 中转站、开发者服务",
      "width": 1254,
      "height": 1254,
      "url": "/assets/ali-developer.png",
      "format": "PNG",
      "transparent": true
    },
    {
      "file": "ali-reading.png",
      "title": "阿栗 · 阅读",
      "category": "flat",
      "usage": "接入文档、学习引导",
      "width": 1254,
      "height": 1254,
      "url": "/assets/ali-reading.png",
      "format": "PNG",
      "transparent": true
    },
    {
      "file": "ali-support.png",
      "title": "阿栗 · 帮助",
      "category": "flat",
      "usage": "联系我们、服务帮助",
      "width": 1254,
      "height": 1254,
      "url": "/assets/ali-support.png",
      "format": "PNG",
      "transparent": true
    },
    {
      "file": "ali-success.png",
      "title": "阿栗 · 完成",
      "category": "flat",
      "usage": "完成提示、成功状态",
      "width": 1254,
      "height": 1254,
      "url": "/assets/ali-success.png",
      "format": "PNG",
      "transparent": true
    },
    {
      "file": "ali-logo-v3.png",
      "title": "阿栗AI · 黑蓝标识",
      "category": "logo",
      "usage": "浅色背景、标准品牌组合",
      "width": 1774,
      "height": 887,
      "url": "/assets/ali-logo-v3.png",
      "format": "PNG",
      "transparent": true
    },
    {
      "file": "ali-logo-blue-v3.png",
      "title": "阿栗AI · 品牌蓝标识",
      "category": "logo",
      "usage": "深色背景、黑色页尾",
      "width": 1774,
      "height": 887,
      "url": "/assets/ali-logo-blue-v3.png",
      "format": "PNG",
      "transparent": true
    },
    {
      "file": "ali-icon-v3.png",
      "title": "机器人 i · 图标",
      "category": "logo",
      "usage": "页签、小尺寸入口",
      "width": 1265,
      "height": 1243,
      "url": "/assets/ali-icon-v3.png",
      "format": "PNG",
      "transparent": true
    },
    {
      "file": "ali-cow-logo.png",
      "title": "阿栗 · 头像",
      "category": "flat",
      "usage": "头像、轻量品牌识别",
      "width": 1592,
      "height": 988,
      "url": "/assets/ali-cow-logo.png",
      "format": "PNG",
      "transparent": true
    },
    {
      "file": "ali-flat.png",
      "title": "阿栗 · 经典工作",
      "category": "flat",
      "usage": "内容插图、辅助说明",
      "width": 1593,
      "height": 987,
      "url": "/assets/ali-flat.png",
      "format": "PNG",
      "transparent": true
    },
    {
      "file": "ali-mascot.png",
      "title": "阿栗 · 立体形象",
      "category": "3d",
      "usage": "品牌展示、宣传内容",
      "width": 1254,
      "height": 1254,
      "url": "/assets/ali-mascot.png",
      "format": "PNG",
      "transparent": true
    }
  ]
}