| 1 | # sugar_rush_memphis - Design Spec |
| 2 | |
| 3 | > Human-readable design narrative. Machine-readable execution contract: `spec_lock.md`. Executor re-reads `spec_lock.md` before every SVG page. On divergence, `spec_lock.md` wins. |
| 4 | |
| 5 | ## I. Project Information |
| 6 | |
| 7 | | Item | Value | |
| 8 | | ---- | ----- | |
| 9 | | **Project Name** | sugar_rush_memphis | |
| 10 | | **Canvas Format** | PPT 16:9 (1280×720) | |
| 11 | | **Page Count** | 14 | |
| 12 | | **Design Style** | A) General Versatile + Memphis / Pop | |
| 13 | | **Target Audience** | 音乐节观众（18-35）+ 品牌赞助方 + 媒体 | |
| 14 | | **Use Case** | 虚构音乐节年度手册（翻阅 + 媒体投放） | |
| 15 | | **Created Date** | 2026-05-17 | |
| 16 | |
| 17 | --- |
| 18 | |
| 19 | ## II. Canvas Specification |
| 20 | |
| 21 | | Property | Value | |
| 22 | | -------- | ----- | |
| 23 | | **Format** | PPT 16:9 | |
| 24 | | **Dimensions** | 1280×720 | |
| 25 | | **viewBox** | `0 0 1280 720` | |
| 26 | | **Margins** | 左右 60px / 上下 50px | |
| 27 | | **Content Area** | 1160×620（安全区） | |
| 28 | |
| 29 | --- |
| 30 | |
| 31 | ## III. Visual Theme |
| 32 | |
| 33 | ### Theme Style |
| 34 | |
| 35 | - **Style**: A) General Versatile + Memphis / Pop |
| 36 | - **Theme**: Light theme（奶油底） |
| 37 | - **Tone**: 张扬、糖果感、80s 回潮、撞色狂欢 |
| 38 | |
| 39 | ### Color Scheme |
| 40 | |
| 41 | | Role | HEX | Purpose | |
| 42 | | ---- | --- | ------- | |
| 43 | | **Background** | `#FFF8EE` | 奶油白页面底（55%） | |
| 44 | | **Secondary bg** | `#FFE9C7` | 浅奶油卡片底（特定卡片） | |
| 45 | | **Primary** | `#FF3DA5` | 泡泡糖粉 — 标题 / 重音色块 | |
| 46 | | **Accent** | `#00B8D9` | 电光蓝 — 次级强调 / 链接 | |
| 47 | | **Secondary accent** | `#FFD93D` | 鲜黄 — 高亮 / 数字 | |
| 48 | | **Tertiary accent** | `#00C896` | 薄荷绿 — 章节分色 | |
| 49 | | **Quaternary accent** | `#FF6B4A` | 珊瑚红 — 装饰碎片 | |
| 50 | | **Body text** | `#1A1A2E` | 墨黑 — 正文 | |
| 51 | | **Secondary text** | `#5C5C7A` | 灰紫 — 注释 | |
| 52 | | **Border/divider** | `#1A1A2E` | 墨黑粗描边（2-4px） | |
| 53 | | **Success** | `#00C896` | 复用薄荷绿 | |
| 54 | | **Warning** | `#FF6B4A` | 复用珊瑚红 | |
| 55 | |
| 56 | > 撞色合计占比 ≤ 40%；每页正面只用 2-3 个撞色，不全堆。文字对比度 #1A1A2E on #FFF8EE = 15.5:1（远超 4.5:1）。 |
| 57 | |
| 58 | ### AI Image Strategy |
| 59 | |
| 60 | - **Image Rendering**: `flat` |
| 61 | - **Image Palette**: `vivid-launch` |
| 62 | |
| 63 | > 锁全 deck — 每张 AI 图共享 flat 渲染 + vivid-launch 配色行为。Image_Generator 自动注入。 |
| 64 | |
| 65 | ### Gradient Scheme |
| 66 | |
| 67 | ```xml |
| 68 | <!-- 章节扉页 scrim 渐变 --> |
| 69 | <linearGradient id="heroScrim" x1="0%" y1="100%" x2="0%" y2="0%"> |
| 70 | <stop offset="0%" stop-color="#1A1A2E" stop-opacity="0.55"/> |
| 71 | <stop offset="60%" stop-color="#1A1A2E" stop-opacity="0"/> |
| 72 | </linearGradient> |
| 73 | |
| 74 | <!-- 收尾页融入背景 --> |
| 75 | <linearGradient id="fadeToBg" x1="0%" y1="0%" x2="0%" y2="100%"> |
| 76 | <stop offset="0%" stop-color="#FFF8EE" stop-opacity="0"/> |
| 77 | <stop offset="100%" stop-color="#FFF8EE" stop-opacity="0.95"/> |
| 78 | </linearGradient> |
| 79 | ``` |
| 80 | |
| 81 | --- |
| 82 | |
| 83 | ## IV. Typography System |
| 84 | |
| 85 | ### Font Plan |
| 86 | |
| 87 | **Typography direction**: Display × Neutral 强对比 — 标题用 Impact 制造海报张力，正文用 Arial / 微软雅黑保证可读。 |
| 88 | |
| 89 | | Role | Chinese | English | Fallback tail | |
| 90 | | ---- | ------- | ------- | ------------- | |
| 91 | | **Title** | `"Microsoft YaHei"` | `Impact, "Arial Black"` | `sans-serif` | |
| 92 | | **Body** | `"Microsoft YaHei", "PingFang SC"` | `Arial` | `sans-serif` | |
| 93 | | **Emphasis** | `"Microsoft YaHei"` | `Impact` | `sans-serif` | |
| 94 | | **Code** | — | `Consolas, "Courier New"` | `monospace` | |
| 95 | |
| 96 | **Per-role font stacks**: |
| 97 | |
| 98 | - Title: `Impact, "Arial Black", "Microsoft YaHei", sans-serif` |
| 99 | - Body: `Arial, "Microsoft YaHei", "PingFang SC", sans-serif` |
| 100 | - Emphasis: `Impact, "Microsoft YaHei", sans-serif` |
| 101 | - Code: `Consolas, "Courier New", monospace` |
| 102 | |
| 103 | > Title/Emphasis Latin-led（Impact 优先）→ 英文承担海报张力；CJK 回落到 Microsoft YaHei。Body 改为 Arial-led 以保证 Latin 字符现代感，正文中文仍走 YaHei。 |
| 104 | |
| 105 | ### Font Size Hierarchy |
| 106 | |
| 107 | **Baseline**: Body font size = **20px**（中等密度，海报感） |
| 108 | |
| 109 | | Purpose | Ratio to body | Px | Weight | |
| 110 | | ------- | ------------- | ---- | ------ | |
| 111 | | Cover hero headline | 4-5x | 80-100px | Black | |
| 112 | | Chapter opener | 2.8-3.6x | 56-72px | Black | |
| 113 | | Page title | 1.8-2.2x | 36-44px | Black | |
| 114 | | Hero number | 4-6x | 80-120px | Black | |
| 115 | | Subtitle | 1.4-1.6x | 28-32px | Bold | |
| 116 | | **Body content** | **1x** | **20px** | Regular | |
| 117 | | Annotation / caption | 0.7-0.85x | 14-17px | Regular | |
| 118 | | Page number / footnote | 0.55-0.65x | 11-13px | Regular | |
| 119 | |
| 120 | --- |
| 121 | |
| 122 | ## V. Layout Principles |
| 123 | |
| 124 | ### Page Structure |
| 125 | |
| 126 | - **Header area**: 顶部 50-80px — 章节标识 / 页码 / 装饰碎片 |
| 127 | - **Content area**: 中部 540-600px — 主要内容 |
| 128 | - **Footer area**: 底部 30-50px — 页脚 / Logo / 页码 |
| 129 | |
| 130 | ### Layout Pattern Library |
| 131 | |
| 132 | | Pattern | Suitable Scenarios | |
| 133 | | ------- | ----------------- | |
| 134 | | **Single column centered** | 封面、章节扉页、收尾 | |
| 135 | | **Asymmetric split (3:7 / 2:8)** | 内容主页（左标题 + 右图卡） | |
| 136 | | **Top-bottom split** | 票务页（上对比 + 下赞助） | |
| 137 | | **Three/four column cards** | KPI / 风格阵营 / 票档 | |
| 138 | | **Matrix grid (2×2)** | 风格阵营四分类 | |
| 139 | | **Center-radiating** | 5 舞台 hub_spoke | |
| 140 | | **Full-bleed + floating text** | 6 个章节扉页与封面 | |
| 141 | | **Figure-text overlap** | 头牌艺人页（粗描边块叠在人像上） | |
| 142 | | **Z-pattern / waterfall** | 时间轴日程（蛇形） | |
| 143 | |
| 144 | ### Memphis 装饰碎片（每页可叠加 1-3 个） |
| 145 | |
| 146 | - 圆点阵 (3-5 个 #FF3DA5 圆点排成不规则排列) |
| 147 | - 波浪线 (3-5 个起伏的 #00B8D9 波浪) |
| 148 | - Z 字闪电 (#FFD93D / #FF6B4A 几何 Z 字) |
| 149 | - 三角块 (45° 旋转的实心三角) |
| 150 | - 棋盘条纹 (黑白小方块组成的边角条带) |
| 151 | - 粗黑描边 (2-4px 墨黑边框，所有块都加) |
| 152 | |
| 153 | ### Spacing Specification |
| 154 | |
| 155 | **Universal**: |
| 156 | |
| 157 | | Element | Range | Project Value | |
| 158 | | ------- | ----- | ------------- | |
| 159 | | Safe margin from canvas edge | 40-60px | 60px | |
| 160 | | Content block gap | 24-40px | 32px | |
| 161 | | Icon-text gap | 8-16px | 12px | |
| 162 | |
| 163 | **Card-based**: |
| 164 | |
| 165 | | Element | Range | Project Value | |
| 166 | | ------- | ----- | ------------- | |
| 167 | | Card gap | 20-32px | 24px | |
| 168 | | Card padding | 20-32px | 24px | |
| 169 | | Card border radius | 8-16px | 12px | |
| 170 | | Card border (Memphis 必备) | 2-4px | 3px solid #1A1A2E | |
| 171 | |
| 172 | **Non-card / breathing pages**: |
| 173 | |
| 174 | - Line-height: 1.4-1.5× body font size |
| 175 | - Full-bleed text placement: 留焦点区域，文字侧加 scrim |
| 176 | |
| 177 | --- |
| 178 | |
| 179 | ## VI. Icon Usage Specification |
| 180 | |
| 181 | ### Source |
| 182 | |
| 183 | - **Library**: `chunk-filled`（粗实、几何、与孟菲斯硬边性格契合） |
| 184 | - **Usage**: SVG `<use data-icon="chunk-filled/<name>" .../>` 占位符 |
| 185 | |
| 186 | ### Recommended Icon List |
| 187 | |
| 188 | | Purpose | Icon | Page | |
| 189 | | ------- | ---- | ---- | |
| 190 | | 天数 | `chunk-filled/calendar` | P03 | |
| 191 | | 舞台 / 音乐 | `chunk-filled/music` | P03, P09 | |
| 192 | | 艺人 | `chunk-filled/microphone` | P03, P05 | |
| 193 | | 观众 | `chunk-filled/users` | P03 | |
| 194 | | 时间 | `chunk-filled/clock` | P10 | |
| 195 | | 闪电 / 能量 | `chunk-filled/bolt` | P04, P07 | |
| 196 | | 心 / 爱 | `chunk-filled/heart` | P04, P14 | |
| 197 | | 星 / 头牌 | `chunk-filled/star` | P06 | |
| 198 | | 场地 / 定位 | `chunk-filled/map-pin` | P09 | |
| 199 | | 太阳 / 夏日 | `chunk-filled/sun` | P02, P14 | |
| 200 | | 闪烁装饰 | `chunk-filled/sparkles` | 全 deck 装饰 | |
| 201 | | 耳机 / 电子 | `chunk-filled/headphones` | P07 | |
| 202 | | 周边市集 | `chunk-filled/shopping-bag` | P12 | |
| 203 | | 游戏 / 互动 | `chunk-filled/game-controller` | P12 | |
| 204 | | 票务 | `chunk-filled/ticket` | P13 | |
| 205 | | 赞助 / 礼物 | `chunk-filled/gift` | P13 | |
| 206 | | 流程箭头 | `chunk-filled/arrow-right` | P10 | |
| 207 | |
| 208 | --- |
| 209 | |
| 210 | ## VII. Visualization Reference List |
| 211 | |
| 212 | Catalog read: 71 templates |
| 213 | |
| 214 | | Page | Template | Path | Summary-quote (verbatim) | Usage | |
| 215 | | ---- | -------- | ---- | ------------------------ | ----- | |
| 216 | | P03 | kpi_cards | `templates/charts/kpi_cards.svg` | "Pick for 4-8 standalone numeric metrics shown as overview cards (2x2 or 1x4) — exec summary opener, dashboard headline, quarterly recap, res..." | 4 个核心数字：7天 / 5舞台 / 80组艺人 / 50000观众 | |
| 217 | | P04 | vertical_pillars | `templates/charts/vertical_pillars.svg` | "Pick for 1×3 / 1×4 / 1×5 vertical column layout where each pillar = one independent category with title + bullets — PEST (Political/Economic..." | 三大理念：FREE / FUN / FOREVER YOUNG | |
| 218 | | P06 | icon_grid | `templates/charts/icon_grid.svg` | "Pick for 4-9 parallel features/capabilities/services as icon cards — feature grid, service lineup, benefits matrix, brand values, product hi..." | 4 组头牌艺人卡片 | |
| 219 | | P07 | quadrant_text_bullets | `templates/charts/quadrant_text_bullets.svg` | "Pick for any 2×2 framework where each quadrant holds a titled bullet list — SWOT (Strengths/Weaknesses/Opportunities/Threats, internal-exter..." | 4 风格阵营：摇滚 / 电子 / 民谣 / 嘻哈 | |
| 220 | | P09 | hub_spoke | `templates/charts/hub_spoke.svg` | "Pick for 1 core capability + 4-8 surrounding capabilities (platform/ecosystem); each spoke = title or title + 1-2 line description. Skip if..." | 中央主舞台 + 4 个分舞台辐射 | |
| 221 | | P10 | timeline | `templates/charts/timeline.svg` | "Pick for 3-8 milestone events on a horizontal time axis (no duration). Skip for tasks with start/end ranges (use gantt_chart) or vertical la..." | 7 天音乐节日程 | |
| 222 | | P12 | comparison_columns | `templates/charts/comparison_columns.svg` | "Pick for 2-4 pricing/service tier cards in side-by-side columns (marketing layout). Skip for dense feature comparison (use comparison_table)..." | 周边市集 vs 互动装置（两栏对照） | |
| 223 | | P13 | comparison_columns | `templates/charts/comparison_columns.svg` | "Pick for 2-4 pricing/service tier cards in side-by-side columns (marketing layout). Skip for dense feature comparison (use comparison_table)..." | 票务 EARLY / REGULAR / VIP 三档 | |
| 224 | |
| 225 | **Runners-up considered**: |
| 226 | |
| 227 | - `team_roster` | rejected for P06: 项目用插画化头像而非真人员工照，且需要嵌入"专辑代表作"等非身份字段；icon_grid 更自由 |
| 228 | - `numbered_steps` | rejected for P10: 7 天日程是固定日期里程碑而非"如何做"步骤，timeline 才匹配时间轴语义 |
| 229 | - `comparison_table` | rejected for P13: 票档只有 4-5 行属性，列式营销卡片更孟菲斯波普；表格密度过高反而压住视觉 |
| 230 | |
| 231 | --- |
| 232 | |
| 233 | ## VIII. Image Resource List |
| 234 | |
| 235 | | Filename | Dimensions | Ratio | Purpose | Type | Layout pattern | Acquire Via | Status | Reference | text_policy | page_role | |
| 236 | | -------- | --------- | ----- | ------- | ---- | -------------- | ----------- | ------ | --------- | ----------- | --------- | |
| 237 | | cover_bg.png | 1280×720 | 1.78 | P01 封面主视觉 | Illustration | #1 full-bleed background with floating title + #29 two-stop scrim | ai | Pending | 夏日狂欢主视觉：糖果色霓虹灯牌「SUGAR RUSH」横向居中悬浮于热带丛林夜空，左下角圆点群+右上角波浪闪电装饰碎片，左侧留出大面积冷色暗区供副标题叠加，鸟瞰人群剪影沿底部成弧线 | embedded | hero_page | |
| 238 | | ch1_what.png | 1280×720 | 1.78 | P02 章节1 WHAT 扉页 | Illustration | #12 faded image as backdrop with oversized overlay text + #27 linear gradient mask | ai | Pending | 夏日沙滩派对俯视全景：撞色伞群+人群涂鸦风轮廓，画面中央保留 50% 留白让标题压上去，右下角棋盘条纹边角装饰 | none | hero_page | |
| 239 | | ch2_who.png | 1280×720 | 1.78 | P05 章节2 WHO 扉页 | Illustration | #1 full-bleed background with floating title + #38 background image + annotation cards with bezier leader lines | ai | Pending | 五位风格化音乐人剪影并排站在霓虹聚光灯下的舞台，手持麦克风/吉他/合成器，背景为粉/蓝/黄撞色光柱，画面留有空气感不拥挤 | none | hero_page | |
| 240 | | headliners.png | 1200×500 | 2.40 | P06 头牌艺人四联画 | Illustration | #26 triptych baked into a single wide image + #21 rounded rectangle crop | ai | Pending | 四联横幅插画：4 位风格化虚构音乐人正面半身像并排，左到右为电吉他女主唱（粉发）/ 电子合成器男 DJ（金色墨镜）/ 民谣女吉他手（薄荷绿衬衫）/ 嘻哈男 rapper（鲜黄连帽衫），每位人物背后是与其音乐风格匹配的撞色块背景，统一粗黑描边 | none | local | |
| 241 | | ch3_where.png | 1280×720 | 1.78 | P08 章节3 WHERE & WHEN 扉页 | Illustration | #41 background image + measurement lines and module tags (engineering overlay) + #29 two-stop scrim | ai | Pending | 鸟瞰视角的虚构音乐节场地全景：椰林环抱、中央大舞台与四个卫星舞台呈放射状分布、彩色帐篷与霓虹路灯点缀、人流以柔和粉色矢量化暗示，画面留出顶部三分之一空区供标题 | none | hero_page | |
| 242 | | ch4_vibes.png | 1280×720 | 1.78 | P11 章节4 VIBES 扉页 | Illustration | #1 full-bleed background with floating title + #28 radial gradient vignette | ai | Pending | 夜场氛围全景：荧光手环与彩色烟雾在人群上方腾起，远处舞台 LED 屏幕显示巨型抽象波浪图案，前景设置一个跳跃中的人物剪影做视觉焦点，左上保留暗区供标题 | none | hero_page | |
| 243 | | market.png | 600×400 | 1.50 | P12 周边市集场景 | Illustration | #19 image floating in whitespace with thin frame and caption + #21 rounded rectangle crop | ai | Pending | 户外周边市集摊位：撞色雨篷下陈列着印有 SUGAR RUSH 字样的 T 恤、帆布袋、贴纸、霓虹光剑，摊主向顾客递商品的瞬间，画面充满波普海报感 | none | local | |
| 244 | | installation.png | 600×400 | 1.50 | P12 互动装置场景 | Illustration | #19 image floating in whitespace with thin frame and caption + #21 rounded rectangle crop | ai | Pending | 沉浸式互动艺术装置：巨型充气几何雕塑（粉色圆球+蓝色三角+黄色波浪）矗立在草坪，两三个观众在装置间穿梭、自拍、跃起，蓝天白云作背景 | none | local | |
| 245 | | closing.png | 1280×720 | 1.78 | P14 收尾页 | Illustration | #1 full-bleed background with floating title + #66 image fading into the solid background | ai | Pending | 夕阳下空荡的舞台后景：散落的彩色纸屑、被风扬起的气球、远处地平线的紫粉色霞光，画面底部 1/3 用渐变融入奶油色背景，整体悠长怀念感 | none | hero_page | |
| 246 | |
| 247 | > 9 张 AI 图全 deck 共享 `flat × vivid-launch`（h.5 锁定）。其中 6 张 hero_page（P01/P02/P05/P08/P11/P14）+ 3 张 local（P06 / P12 ×2）。#38 image-as-canvas + native overlay 覆盖在 P05；#41 用于 P08，满足"≥4 image-bearing pages 至少 1 个 #38–#46"的硬性要求。 |
| 248 | |
| 249 | --- |
| 250 | |
| 251 | ## IX. Content Outline |
| 252 | |
| 253 | ### Part 1: WHAT — 是什么 |
| 254 | |
| 255 | #### Slide 01 - Cover |
| 256 | |
| 257 | - **Layout**: Full-bleed + floating title（hero_page） |
| 258 | - **Title**: `SUGAR RUSH` |
| 259 | - **Subtitle**: 2026 夏日音乐节 · 年度手册 |
| 260 | - **Info**: 7.18 – 7.24 · 椰岛大草原 · 让甜炸的夏天到来 |
| 261 | |
| 262 | #### Slide 02 - Chapter 1: WHAT IS SUGAR RUSH |
| 263 | |
| 264 | - **Layout**: 章节扉页 — Faded image backdrop + 巨字标题 |
| 265 | - **Title**: `WHAT.` |
| 266 | - **Subtitle**: 当全世界都在变热，我们决定，让它变甜。 |
| 267 | |
| 268 | #### Slide 03 - 关键数字 |
| 269 | |
| 270 | - **Layout**: Four-column cards（2×2 or 1×4） |
| 271 | - **Title**: BY THE NUMBERS |
| 272 | - **Visualization**: kpi_cards |
| 273 | - **Content**: |
| 274 | - `7` DAYS · 7 天连续狂欢（icon: calendar） |
| 275 | - `5` STAGES · 5 个主题舞台（icon: music） |
| 276 | - `80` ARTISTS · 80 组艺人阵容（icon: microphone） |
| 277 | - `50K` FANS · 50000 名观众预期（icon: users） |
| 278 | |
| 279 | #### Slide 04 - 三大理念 |
| 280 | |
| 281 | - **Layout**: Three-column vertical pillars |
| 282 | - **Title**: WHAT WE STAND FOR |
| 283 | - **Visualization**: vertical_pillars |
| 284 | - **Content**: |
| 285 | - **FREE**（icon: bolt）— 不设鄙视链，所有风格都是好风格 |
| 286 | - **FUN**（icon: sparkles）— 玩到极致，留下最甜回忆 |
| 287 | - **FOREVER YOUNG**（icon: heart）— 18 岁还是 80 岁，舞池里没有年纪 |
| 288 | |
| 289 | ### Part 2: WHO — 谁来玩 |
| 290 | |
| 291 | #### Slide 05 - Chapter 2: WHO |
| 292 | |
| 293 | - **Layout**: Full-bleed + 标题压音乐人剪影 + annotation cards |
| 294 | - **Title**: `WHO.` |
| 295 | - **Subtitle**: 80 组艺人，5 个风格阵营，1 张你忘不掉的脸。 |
| 296 | |
| 297 | #### Slide 06 - 头牌艺人 |
| 298 | |
| 299 | - **Layout**: 2×2 grid，4 张头像 + 名字 + 风格 + 代表作 |
| 300 | - **Title**: THE HEADLINERS |
| 301 | - **Visualization**: icon_grid（每格 = 头像 + 文字） |
| 302 | - **Content**: |
| 303 | - **CHERRY BOMB**（粉发女主唱 · 摇滚 · 代表作 "Pink Static"） |
| 304 | - **NEON CLOUD**（金色墨镜 DJ · 电子 · 代表作 "3AM Mirror"） |
| 305 | - **MINT FOLK**（薄荷绿衬衫 · 民谣 · 代表作 "Slow Lemon"） |
| 306 | - **YELLOW HUSTLE**（鲜黄连帽 · 嘻哈 · 代表作 "Sugar High"） |
| 307 | |
| 308 | #### Slide 07 - 四大风格阵营 |
| 309 | |
| 310 | - **Layout**: 2×2 quadrant matrix |
| 311 | - **Title**: FOUR FLAVORS, ONE FESTIVAL |
| 312 | - **Visualization**: quadrant_text_bullets |
| 313 | - **Content**: |
| 314 | - 摇滚（icon: bolt）— 噪音、燃、释放 · 25 组艺人 |
| 315 | - 电子（icon: headphones）— 律动、深夜、迷幻 · 30 组艺人 |
| 316 | - 民谣（icon: heart）— 故事、慢、温度 · 15 组艺人 |
| 317 | - 嘻哈（icon: music）— 街头、节拍、态度 · 10 组艺人 |
| 318 | |
| 319 | ### Part 3: WHERE & WHEN — 何时何地 |
| 320 | |
| 321 | #### Slide 08 - Chapter 3: WHERE & WHEN |
| 322 | |
| 323 | - **Layout**: Full-bleed 鸟瞰图 + 模块标签 + scrim |
| 324 | - **Title**: `WHERE.` |
| 325 | - **Subtitle**: 椰岛大草原 · 一座为夏天造的城市。 |
| 326 | |
| 327 | #### Slide 09 - 5 个主题舞台 |
| 328 | |
| 329 | - **Layout**: Hub-spoke center-radiating |
| 330 | - **Title**: 5 STAGES, ONE WORLD |
| 331 | - **Visualization**: hub_spoke |
| 332 | - **Content**: |
| 333 | - **中央 · SUGAR DOME**（主舞台，最大容量 30000） |
| 334 | - **粉 · CHERRY STAGE**（摇滚，5000） |
| 335 | - **蓝 · NEON GRID**（电子，5000） |
| 336 | - **绿 · MINT GROVE**（民谣，3000） |
| 337 | - **黄 · YELLOW BLOCK**（嘻哈，7000） |
| 338 | |
| 339 | #### Slide 10 - 7 天日程 |
| 340 | |
| 341 | - **Layout**: Horizontal timeline |
| 342 | - **Title**: SEVEN DAYS OF SUGAR |
| 343 | - **Visualization**: timeline |
| 344 | - **Content**: |
| 345 | - Day 1 (7.18) · OPENING · 开幕之夜 |
| 346 | - Day 2 (7.19) · ROCK DAY |
| 347 | - Day 3 (7.20) · ELECTRO NIGHT |
| 348 | - Day 4 (7.21) · FOLK AFTERNOON |
| 349 | - Day 5 (7.22) · HIPHOP MIDNIGHT |
| 350 | - Day 6 (7.23) · CROSSOVER · 跨界之夜 |
| 351 | - Day 7 (7.24) · CLOSING · 闭幕大狂欢 |
| 352 | |
| 353 | ### Part 4: VIBES — 玩什么 |
| 354 | |
| 355 | #### Slide 11 - Chapter 4: VIBES |
| 356 | |
| 357 | - **Layout**: Full-bleed + radial vignette |
| 358 | - **Title**: `VIBES.` |
| 359 | - **Subtitle**: 音乐之外，还有十种甜的方式。 |
| 360 | |
| 361 | #### Slide 12 - 周边市集 + 互动装置 |
| 362 | |
| 363 | - **Layout**: Two-column comparison |
| 364 | - **Title**: BEYOND THE MUSIC |
| 365 | - **Visualization**: comparison_columns（左：MARKET / 右：ART INSTALL） |
| 366 | - **Content**: |
| 367 | - **左 · MARKET**（icon: shopping-bag）— 50+ 摊位、限定周边、手作市集、本地小吃 |
| 368 | - **右 · ART INSTALL**（icon: game-controller）— 10 件巨型装置、AR 互动、彩绘工坊、夜光涂鸦墙 |
| 369 | |
| 370 | #### Slide 13 - 票务 + 赞助 |
| 371 | |
| 372 | - **Layout**: Top three-column tickets + bottom sponsor strip |
| 373 | - **Title**: GET YOUR TICKET |
| 374 | - **Visualization**: comparison_columns |
| 375 | - **Content**: |
| 376 | - **EARLY BIRD** · ¥499（限 5000 张 · 已售罄字样） |
| 377 | - **REGULAR** · ¥799（含 1 杯指定饮品） |
| 378 | - **VIP 7-DAY PASS** · ¥1999（含全程通票 + VIP 专区 + 会面机会） |
| 379 | - 底部 sponsor 行：5-7 个虚构赞助 logo（占位文字 + icon 装饰） |
| 380 | |
| 381 | #### Slide 14 - Closing |
| 382 | |
| 383 | - **Layout**: Full-bleed + fade to background |
| 384 | - **Title**: `SEE YOU IN SUMMER.` |
| 385 | - **Subtitle**: SUGAR RUSH 2026 · 7.18 – 7.24 |
| 386 | - **Info**: Get tickets at sugarrush.fest |
| 387 | |
| 388 | --- |
| 389 | |
| 390 | ## X. Speaker Notes Requirements |
| 391 | |
| 392 | - **Total duration**: ~15 分钟（演示性朗读 · 1 分钟/页） |
| 393 | - **Notes style**: 对话式 + 略带营销感 — 像一个 host 在介绍音乐节 |
| 394 | - **Presentation purpose**: 激发兴趣 + 传达品牌调性 + 引导购票 |
| 395 | - **File naming**: 对齐 SVG `01_cover.svg → notes/01_cover.md` |
| 396 | |
| 397 | --- |
| 398 | |
| 399 | ## XI. Technical Constraints Reminder |
| 400 | |
| 401 | ### SVG Generation Must Follow: |
| 402 | |
| 403 | 1. viewBox: `0 0 1280 720` |
| 404 | 2. Background uses `<rect>` elements（#FFF8EE 奶油底） |
| 405 | 3. Text wrapping uses `<tspan>`（`<foreignObject>` FORBIDDEN） |
| 406 | 4. Transparency defaults to `fill-opacity` / `stroke-opacity`; `rgba()` remains converter-compatible |
| 407 | 5. FORBIDDEN: `mask`, `<style>`, `class`, `foreignObject`, `textPath`, `animate*`, `script` |
| 408 | 6. 文字字符直接写 Unicode（`—` `→` `·` 等），HTML 命名实体 FORBIDDEN；`&` 在文字里必须 `&` |
| 409 | 7. `clipPath` 只用于 `<image>`（圆 / 圆角矩形 / 多边形），不用于 shape / group / text |
| 410 | 8. Memphis 粗描边：所有几何块加 `stroke="#1A1A2E" stroke-width="2-4"` |
| 411 | |
| 412 | ### PPT Compatibility Rules: |
| 413 | |
| 414 | - Prefer opacity on each child; `<g opacity="...">` remains converter-compatible with an approximate-fidelity warning |
| 415 | - Image 透明走 overlay 蒙层 |
| 416 | - 仅 inline 样式；`@font-face` FORBIDDEN |
| 417 | - Memphis 装饰碎片用基础 SVG 图元（circle / rect / path / polygon），不用 `<pattern>`+`<use>` |
| 418 |