{
  "title": "CITY CODE · 单身购物狂欢节",
  "page": 17,
  "theme": "荧光标签与零售信息组件",
  "colors": [
    "#A3FF12",
    "#FFFFFF",
    "#080A09",
    "#2020A2",
    "#A0E89A"
  ],
  "layout": [
    "品牌与日期建立识别",
    "购物车主视觉提示主题",
    "价格与福利形成信息列表",
    "奖品与活动规则收尾"
  ],
  "type_notes": [
    "粗黑中文承担促销重音，规整无衬线承载价格。",
    "日期和数字要在小屏幕上仍可快速辨认。",
    "高密度文字使用短句与清晰行分隔，不全段加粗。"
  ],
  "layers": [
    "白色信息底",
    "荧光标签与品牌黑条",
    "购物车或奖品抠像",
    "大号中文与日期",
    "价格、规则与结束标记"
  ],
  "components": [
    "荧光价格行",
    "品牌日期页头",
    "奖品图文卡",
    "福利说明块"
  ],
  "rules": [
    "统一荧光绿标签的高度与左右内边距。",
    "价格名与金额两端对齐，短句不随意居中。",
    "封面可以夸张，规则必须回到清晰、稳定的阅读结构。"
  ],
  "origin": "醒目标签、物件拼贴和粗字体现促销海报的直接性。非对称排列可从现代信息设计理解，但不应将所有黑白网格都称为“瑞士风”；这里的荧光与表情图形有自己的娱乐语境。",
  "refs": [
    "newtype",
    "collage"
  ],
  "units": [
    {
      "name": "购物狂欢节封面",
      "box": [
        0.084,
        0.095,
        0.307,
        0.924
      ],
      "style": "物件拼贴与促销排版",
      "composition": "购物车占中部，日期在左上，主标题压在底部荧光条。",
      "color": "绿、白、黑为核心，蓝色只作辅助对比。",
      "typography": "粗黑中文与紧凑日期构成强识别。",
      "material": "购物车抠像、商品、表情和荧光底条。",
      "rule": "商品不能挡住日期，主标题确保完整落在底条内。",
      "image": "/assets/studies/11-01.jpg",
      "sampled_colors": [
        "#FFFFFF",
        "#ACECA2",
        "#020605",
        "#738172"
      ]
    },
    {
      "name": "价格清单",
      "box": [
        0.457,
        0.216,
        0.576,
        0.622
      ],
      "style": "条目式信息设计",
      "composition": "产品与价格逐行排列，底部人物或物件只作收尾。",
      "color": "荧光条统一每行，深色文字保持对比。",
      "typography": "金额靠右，产品名靠左。",
      "material": "圆角条、编号或简短类别。",
      "rule": "条高随最长一行确定；规则与金额不能藏进装饰。",
      "image": "/assets/studies/11-02.jpg",
      "sampled_colors": [
        "#FFFFFF",
        "#8AFE16",
        "#302929",
        "#8F9189"
      ]
    },
    {
      "name": "福利与互动",
      "box": [
        0.609,
        0.224,
        0.728,
        0.622
      ],
      "style": "模块化活动说明",
      "composition": "福利短块、图形组合和大中文依次展开。",
      "color": "白底减少负担，荧光绿强调可执行信息。",
      "typography": "短句分行，关键动词或数字加重。",
      "material": "圆角信息块与简单表情形。",
      "rule": "每块只描述一项福利，条件文字不可省略。",
      "image": "/assets/studies/11-03.jpg",
      "sampled_colors": [
        "#FFFFFF",
        "#86FF13",
        "#000B27",
        "#546649"
      ]
    },
    {
      "name": "奖品与结束页",
      "box": [
        0.755,
        0.03,
        0.876,
        0.974
      ],
      "style": "商品卡片系统",
      "composition": "奖品图片与等级标签重复，末尾海报式落款。",
      "color": "绿色价签与蓝色小标识区分角色。",
      "typography": "Prize 标签次于具体奖品名称。",
      "material": "商品抠像、矩形底板和引号图形。",
      "rule": "统一商品图的视觉体量；不同数量用说明字表达，不只靠图片。",
      "image": "/assets/studies/11-04.jpg",
      "sampled_colors": [
        "#EDEDED",
        "#87FD13",
        "#060B25",
        "#385636"
      ]
    }
  ],
  "id": "11",
  "url": "/work/11/",
  "tokens": {
    "palette_reference": [
      "#A3FF12",
      "#FFFFFF",
      "#080A09",
      "#2020A2",
      "#A0E89A"
    ],
    "spacing_proposal": {
      "unit": "u = canvas width / 100",
      "safe_margin": "4u",
      "small_gap": "2u",
      "module_gap": "6u",
      "section_gap": "10u"
    },
    "type_proposal": {
      "headline": "8–12u",
      "name": "6–9u",
      "subheading": "3–4u",
      "body": "2–2.6u",
      "caption": "1.8–2.2u"
    },
    "evidence": "Values are visual approximations or proposed reconstruction rules, not source-file measurements."
  }
}