feat: 导出 SproutClaw .sproutclaw 配置
包含 extensions、skills、prompts、settings、auth、models、mcp 等配置。 排除 node_modules、npm 缓存、sessions 等运行时数据。
This commit is contained in:
@@ -0,0 +1,15 @@
|
||||
# sugar_rush_memphis
|
||||
|
||||
- Canvas format: ppt169
|
||||
- Created: 20260517
|
||||
|
||||
## Directories
|
||||
|
||||
- `svg_output/`: raw SVG output
|
||||
- `svg_final/`: finalized SVG output
|
||||
- `images/`: presentation assets
|
||||
- `notes/`: speaker notes
|
||||
- `templates/`: project templates
|
||||
- `sources/`: source materials and normalized markdown
|
||||
- `exports/`: main native pptx (timestamped); `_svg.pptx` sibling added when exported with `--svg-snapshot`
|
||||
- `backup/<timestamp>/`: svg_output/ archive (always written in default-flow mode; safe to delete old timestamps)
|
||||
@@ -0,0 +1,185 @@
|
||||
{
|
||||
"version": 1,
|
||||
"defaults": {
|
||||
"transition": { "effect": "push", "duration": 0.35 },
|
||||
"animation": { "effect": "mixed", "duration": 0.4, "stagger": 0.18, "trigger": "after-previous" }
|
||||
},
|
||||
"slides": {
|
||||
"01_cover": {
|
||||
"transition": { "effect": "fade", "duration": 0.45 },
|
||||
"groups": {
|
||||
"bg-image": { "effect": "none" },
|
||||
"decor-top-right": { "effect": "none" },
|
||||
"subtitle-block": { "effect": "split", "order": 1, "duration": 0.55 },
|
||||
"cta-tag": { "effect": "zoom", "order": 2, "duration": 0.5, "delay": 0.15 },
|
||||
"decor-bottom-wave": { "effect": "none" }
|
||||
}
|
||||
},
|
||||
"02_what": {
|
||||
"transition": { "effect": "strips", "duration": 0.4 },
|
||||
"groups": {
|
||||
"bg-image": { "effect": "none" },
|
||||
"chapter-tag": { "effect": "wipe", "order": 1, "duration": 0.4 },
|
||||
"chapter-title": { "effect": "zoom", "order": 2, "duration": 0.7, "delay": 0.1 },
|
||||
"subtitle-band": { "effect": "split", "order": 3, "duration": 0.45 },
|
||||
"decor-right": { "effect": "none" },
|
||||
"decor-bottom-left": { "effect": "none" },
|
||||
"footer": { "effect": "none" }
|
||||
}
|
||||
},
|
||||
"03_numbers": {
|
||||
"groups": {
|
||||
"bg": { "effect": "none" },
|
||||
"header": { "effect": "none" },
|
||||
"kpi-days": { "effect": "blinds", "order": 1, "duration": 0.4 },
|
||||
"kpi-stages": { "effect": "blinds", "order": 2, "duration": 0.4 },
|
||||
"kpi-artists": { "effect": "blinds", "order": 3, "duration": 0.4 },
|
||||
"kpi-fans": { "effect": "blinds", "order": 4, "duration": 0.4 },
|
||||
"fun-band": { "effect": "fly", "order": 5, "duration": 0.55, "delay": 0.15 },
|
||||
"footer": { "effect": "none" }
|
||||
}
|
||||
},
|
||||
"04_principles": {
|
||||
"groups": {
|
||||
"bg": { "effect": "none" },
|
||||
"header": { "effect": "none" },
|
||||
"pillar-free": { "effect": "split", "order": 1, "duration": 0.5 },
|
||||
"pillar-fun": { "effect": "split", "order": 2, "duration": 0.5 },
|
||||
"pillar-forever-young": { "effect": "split", "order": 3, "duration": 0.5 },
|
||||
"footer": { "effect": "none" }
|
||||
}
|
||||
},
|
||||
"05_who": {
|
||||
"transition": { "effect": "strips", "duration": 0.4 },
|
||||
"groups": {
|
||||
"bg-image": { "effect": "none" },
|
||||
"chapter-tag": { "effect": "wipe", "order": 1, "duration": 0.4 },
|
||||
"chapter-title": { "effect": "zoom", "order": 2, "duration": 0.7, "delay": 0.1 },
|
||||
"subtitle-band": { "effect": "split", "order": 3, "duration": 0.45 },
|
||||
"annotation-rock": { "effect": "blinds", "order": 4, "duration": 0.3 },
|
||||
"annotation-electronic": { "effect": "blinds", "order": 5, "duration": 0.3 },
|
||||
"annotation-folk": { "effect": "blinds", "order": 6, "duration": 0.3 },
|
||||
"annotation-hiphop": { "effect": "blinds", "order": 7, "duration": 0.3 },
|
||||
"tag-cta": { "effect": "zoom", "order": 8, "duration": 0.5, "delay": 0.2 },
|
||||
"decor-bottom": { "effect": "none" },
|
||||
"footer": { "effect": "none" }
|
||||
}
|
||||
},
|
||||
"06_headliners": {
|
||||
"groups": {
|
||||
"bg": { "effect": "none" },
|
||||
"header": { "effect": "none" },
|
||||
"headliners-image": { "effect": "wipe", "order": 1, "duration": 0.6 },
|
||||
"card-cherry-bomb": { "effect": "blinds", "order": 2, "duration": 0.35 },
|
||||
"card-neon-cloud": { "effect": "blinds", "order": 3, "duration": 0.35 },
|
||||
"card-mint-folk": { "effect": "blinds", "order": 4, "duration": 0.35 },
|
||||
"card-yellow-hustle": { "effect": "blinds", "order": 5, "duration": 0.35 },
|
||||
"footer": { "effect": "none" }
|
||||
}
|
||||
},
|
||||
"07_flavors": {
|
||||
"groups": {
|
||||
"bg": { "effect": "none" },
|
||||
"header": { "effect": "none" },
|
||||
"q-rock": { "effect": "split", "order": 1, "duration": 0.45 },
|
||||
"q-electro": { "effect": "split", "order": 2, "duration": 0.45 },
|
||||
"q-folk": { "effect": "split", "order": 3, "duration": 0.45 },
|
||||
"q-hiphop": { "effect": "split", "order": 4, "duration": 0.45 },
|
||||
"footer": { "effect": "none" }
|
||||
}
|
||||
},
|
||||
"08_where": {
|
||||
"transition": { "effect": "strips", "duration": 0.4 },
|
||||
"groups": {
|
||||
"bg-image": { "effect": "none" },
|
||||
"chapter-tag": { "effect": "wipe", "order": 1, "duration": 0.4 },
|
||||
"chapter-title": { "effect": "zoom", "order": 2, "duration": 0.65, "delay": 0.1 },
|
||||
"subtitle-band": { "effect": "split", "order": 3, "duration": 0.45 },
|
||||
"tag-venue": { "effect": "blinds", "order": 4, "duration": 0.3 },
|
||||
"tag-area": { "effect": "blinds", "order": 5, "duration": 0.3 },
|
||||
"tag-when": { "effect": "blinds", "order": 6, "duration": 0.3 },
|
||||
"tag-transit": { "effect": "blinds", "order": 7, "duration": 0.3 },
|
||||
"when-block": { "effect": "fly", "order": 8, "duration": 0.5, "delay": 0.15 },
|
||||
"decor-upper-right": { "effect": "none" },
|
||||
"footer": { "effect": "none" }
|
||||
}
|
||||
},
|
||||
"09_stages": {
|
||||
"groups": {
|
||||
"bg": { "effect": "none" },
|
||||
"header": { "effect": "none" },
|
||||
"bg-rings": { "effect": "none" },
|
||||
"hub-center": { "effect": "zoom", "order": 1, "duration": 0.6 },
|
||||
"spokes": { "effect": "wipe", "order": 2, "duration": 0.45 },
|
||||
"spoke-cherry": { "effect": "blinds", "order": 3, "duration": 0.35 },
|
||||
"spoke-neon": { "effect": "blinds", "order": 4, "duration": 0.35 },
|
||||
"spoke-mint": { "effect": "blinds", "order": 5, "duration": 0.35 },
|
||||
"spoke-yellow": { "effect": "blinds", "order": 6, "duration": 0.35 },
|
||||
"decor": { "effect": "none" },
|
||||
"footer": { "effect": "none" }
|
||||
}
|
||||
},
|
||||
"10_schedule": {
|
||||
"groups": {
|
||||
"bg": { "effect": "none" },
|
||||
"header": { "effect": "none" },
|
||||
"timeline-track": { "effect": "wipe", "order": 1, "duration": 0.6 },
|
||||
"day-1": { "effect": "blinds", "order": 2, "duration": 0.3 },
|
||||
"day-2": { "effect": "blinds", "order": 3, "duration": 0.3 },
|
||||
"day-3": { "effect": "blinds", "order": 4, "duration": 0.3 },
|
||||
"day-4": { "effect": "blinds", "order": 5, "duration": 0.3 },
|
||||
"day-5": { "effect": "blinds", "order": 6, "duration": 0.3 },
|
||||
"day-6": { "effect": "blinds", "order": 7, "duration": 0.3 },
|
||||
"day-7": { "effect": "zoom", "order": 8, "duration": 0.5, "delay": 0.1 },
|
||||
"dow-labels": { "effect": "appear", "order": 9 },
|
||||
"legend": { "effect": "fly", "order": 10, "duration": 0.4, "delay": 0.1 },
|
||||
"footer": { "effect": "none" }
|
||||
}
|
||||
},
|
||||
"11_vibes": {
|
||||
"transition": { "effect": "strips", "duration": 0.4 },
|
||||
"groups": {
|
||||
"bg-image": { "effect": "none" },
|
||||
"chapter-tag": { "effect": "wipe", "order": 1, "duration": 0.4 },
|
||||
"chapter-title": { "effect": "zoom", "order": 2, "duration": 0.7, "delay": 0.1 },
|
||||
"subtitle-pill": { "effect": "split", "order": 3, "duration": 0.45 },
|
||||
"tag-market": { "effect": "zoom", "order": 4, "duration": 0.45 },
|
||||
"tag-install": { "effect": "zoom", "order": 5, "duration": 0.45 },
|
||||
"tag-food": { "effect": "zoom", "order": 6, "duration": 0.45 },
|
||||
"decor": { "effect": "none" },
|
||||
"footer": { "effect": "none" }
|
||||
}
|
||||
},
|
||||
"12_beyond": {
|
||||
"groups": {
|
||||
"bg": { "effect": "none" },
|
||||
"header": { "effect": "none" },
|
||||
"col-market": { "effect": "blinds", "order": 1, "duration": 0.5 },
|
||||
"col-install": { "effect": "blinds", "order": 2, "duration": 0.5 },
|
||||
"footer": { "effect": "none" }
|
||||
}
|
||||
},
|
||||
"13_tickets": {
|
||||
"groups": {
|
||||
"bg": { "effect": "none" },
|
||||
"header": { "effect": "none" },
|
||||
"tier-early": { "effect": "blinds", "order": 1, "duration": 0.4 },
|
||||
"tier-regular": { "effect": "zoom", "order": 2, "duration": 0.55, "delay": 0.1 },
|
||||
"tier-vip": { "effect": "blinds", "order": 3, "duration": 0.4 },
|
||||
"sponsor-strip": { "effect": "fly", "order": 4, "duration": 0.5, "delay": 0.15 },
|
||||
"footer": { "effect": "none" }
|
||||
}
|
||||
},
|
||||
"14_closing": {
|
||||
"transition": { "effect": "cover", "duration": 0.5 },
|
||||
"groups": {
|
||||
"bg-image": { "effect": "none" },
|
||||
"date-pill": { "effect": "fade", "order": 1, "duration": 0.5 },
|
||||
"link-pill": { "effect": "zoom", "order": 2, "duration": 0.55, "delay": 0.15 },
|
||||
"subtitle": { "effect": "split", "order": 3, "duration": 0.5 },
|
||||
"decor-top": { "effect": "none" },
|
||||
"footer": { "effect": "none" }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,417 @@
|
||||
# sugar_rush_memphis - Design Spec
|
||||
|
||||
> 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.
|
||||
|
||||
## I. Project Information
|
||||
|
||||
| Item | Value |
|
||||
| ---- | ----- |
|
||||
| **Project Name** | sugar_rush_memphis |
|
||||
| **Canvas Format** | PPT 16:9 (1280×720) |
|
||||
| **Page Count** | 14 |
|
||||
| **Design Style** | A) General Versatile + Memphis / Pop |
|
||||
| **Target Audience** | 音乐节观众（18-35）+ 品牌赞助方 + 媒体 |
|
||||
| **Use Case** | 虚构音乐节年度手册（翻阅 + 媒体投放） |
|
||||
| **Created Date** | 2026-05-17 |
|
||||
|
||||
---
|
||||
|
||||
## II. Canvas Specification
|
||||
|
||||
| Property | Value |
|
||||
| -------- | ----- |
|
||||
| **Format** | PPT 16:9 |
|
||||
| **Dimensions** | 1280×720 |
|
||||
| **viewBox** | `0 0 1280 720` |
|
||||
| **Margins** | 左右 60px / 上下 50px |
|
||||
| **Content Area** | 1160×620（安全区） |
|
||||
|
||||
---
|
||||
|
||||
## III. Visual Theme
|
||||
|
||||
### Theme Style
|
||||
|
||||
- **Style**: A) General Versatile + Memphis / Pop
|
||||
- **Theme**: Light theme（奶油底）
|
||||
- **Tone**: 张扬、糖果感、80s 回潮、撞色狂欢
|
||||
|
||||
### Color Scheme
|
||||
|
||||
| Role | HEX | Purpose |
|
||||
| ---- | --- | ------- |
|
||||
| **Background** | `#FFF8EE` | 奶油白页面底（55%） |
|
||||
| **Secondary bg** | `#FFE9C7` | 浅奶油卡片底（特定卡片） |
|
||||
| **Primary** | `#FF3DA5` | 泡泡糖粉 — 标题 / 重音色块 |
|
||||
| **Accent** | `#00B8D9` | 电光蓝 — 次级强调 / 链接 |
|
||||
| **Secondary accent** | `#FFD93D` | 鲜黄 — 高亮 / 数字 |
|
||||
| **Tertiary accent** | `#00C896` | 薄荷绿 — 章节分色 |
|
||||
| **Quaternary accent** | `#FF6B4A` | 珊瑚红 — 装饰碎片 |
|
||||
| **Body text** | `#1A1A2E` | 墨黑 — 正文 |
|
||||
| **Secondary text** | `#5C5C7A` | 灰紫 — 注释 |
|
||||
| **Border/divider** | `#1A1A2E` | 墨黑粗描边（2-4px） |
|
||||
| **Success** | `#00C896` | 复用薄荷绿 |
|
||||
| **Warning** | `#FF6B4A` | 复用珊瑚红 |
|
||||
|
||||
> 撞色合计占比 ≤ 40%；每页正面只用 2-3 个撞色，不全堆。文字对比度 #1A1A2E on #FFF8EE = 15.5:1（远超 4.5:1）。
|
||||
|
||||
### AI Image Strategy
|
||||
|
||||
- **Image Rendering**: `flat`
|
||||
- **Image Palette**: `vivid-launch`
|
||||
|
||||
> 锁全 deck — 每张 AI 图共享 flat 渲染 + vivid-launch 配色行为。Image_Generator 自动注入。
|
||||
|
||||
### Gradient Scheme
|
||||
|
||||
```xml
|
||||
<!-- 章节扉页 scrim 渐变 -->
|
||||
<linearGradient id="heroScrim" x1="0%" y1="100%" x2="0%" y2="0%">
|
||||
<stop offset="0%" stop-color="#1A1A2E" stop-opacity="0.55"/>
|
||||
<stop offset="60%" stop-color="#1A1A2E" stop-opacity="0"/>
|
||||
</linearGradient>
|
||||
|
||||
<!-- 收尾页融入背景 -->
|
||||
<linearGradient id="fadeToBg" x1="0%" y1="0%" x2="0%" y2="100%">
|
||||
<stop offset="0%" stop-color="#FFF8EE" stop-opacity="0"/>
|
||||
<stop offset="100%" stop-color="#FFF8EE" stop-opacity="0.95"/>
|
||||
</linearGradient>
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## IV. Typography System
|
||||
|
||||
### Font Plan
|
||||
|
||||
**Typography direction**: Display × Neutral 强对比 — 标题用 Impact 制造海报张力，正文用 Arial / 微软雅黑保证可读。
|
||||
|
||||
| Role | Chinese | English | Fallback tail |
|
||||
| ---- | ------- | ------- | ------------- |
|
||||
| **Title** | `"Microsoft YaHei"` | `Impact, "Arial Black"` | `sans-serif` |
|
||||
| **Body** | `"Microsoft YaHei", "PingFang SC"` | `Arial` | `sans-serif` |
|
||||
| **Emphasis** | `"Microsoft YaHei"` | `Impact` | `sans-serif` |
|
||||
| **Code** | — | `Consolas, "Courier New"` | `monospace` |
|
||||
|
||||
**Per-role font stacks**:
|
||||
|
||||
- Title: `Impact, "Arial Black", "Microsoft YaHei", sans-serif`
|
||||
- Body: `Arial, "Microsoft YaHei", "PingFang SC", sans-serif`
|
||||
- Emphasis: `Impact, "Microsoft YaHei", sans-serif`
|
||||
- Code: `Consolas, "Courier New", monospace`
|
||||
|
||||
> Title/Emphasis Latin-led（Impact 优先）→ 英文承担海报张力；CJK 回落到 Microsoft YaHei。Body 改为 Arial-led 以保证 Latin 字符现代感，正文中文仍走 YaHei。
|
||||
|
||||
### Font Size Hierarchy
|
||||
|
||||
**Baseline**: Body font size = **20px**（中等密度，海报感）
|
||||
|
||||
| Purpose | Ratio to body | Px | Weight |
|
||||
| ------- | ------------- | ---- | ------ |
|
||||
| Cover hero headline | 4-5x | 80-100px | Black |
|
||||
| Chapter opener | 2.8-3.6x | 56-72px | Black |
|
||||
| Page title | 1.8-2.2x | 36-44px | Black |
|
||||
| Hero number | 4-6x | 80-120px | Black |
|
||||
| Subtitle | 1.4-1.6x | 28-32px | Bold |
|
||||
| **Body content** | **1x** | **20px** | Regular |
|
||||
| Annotation / caption | 0.7-0.85x | 14-17px | Regular |
|
||||
| Page number / footnote | 0.55-0.65x | 11-13px | Regular |
|
||||
|
||||
---
|
||||
|
||||
## V. Layout Principles
|
||||
|
||||
### Page Structure
|
||||
|
||||
- **Header area**: 顶部 50-80px — 章节标识 / 页码 / 装饰碎片
|
||||
- **Content area**: 中部 540-600px — 主要内容
|
||||
- **Footer area**: 底部 30-50px — 页脚 / Logo / 页码
|
||||
|
||||
### Layout Pattern Library
|
||||
|
||||
| Pattern | Suitable Scenarios |
|
||||
| ------- | ----------------- |
|
||||
| **Single column centered** | 封面、章节扉页、收尾 |
|
||||
| **Asymmetric split (3:7 / 2:8)** | 内容主页（左标题 + 右图卡） |
|
||||
| **Top-bottom split** | 票务页（上对比 + 下赞助） |
|
||||
| **Three/four column cards** | KPI / 风格阵营 / 票档 |
|
||||
| **Matrix grid (2×2)** | 风格阵营四分类 |
|
||||
| **Center-radiating** | 5 舞台 hub_spoke |
|
||||
| **Full-bleed + floating text** | 6 个章节扉页与封面 |
|
||||
| **Figure-text overlap** | 头牌艺人页（粗描边块叠在人像上） |
|
||||
| **Z-pattern / waterfall** | 时间轴日程（蛇形） |
|
||||
|
||||
### Memphis 装饰碎片（每页可叠加 1-3 个）
|
||||
|
||||
- 圆点阵 (3-5 个 #FF3DA5 圆点排成不规则排列)
|
||||
- 波浪线 (3-5 个起伏的 #00B8D9 波浪)
|
||||
- Z 字闪电 (#FFD93D / #FF6B4A 几何 Z 字)
|
||||
- 三角块 (45° 旋转的实心三角)
|
||||
- 棋盘条纹 (黑白小方块组成的边角条带)
|
||||
- 粗黑描边 (2-4px 墨黑边框，所有块都加)
|
||||
|
||||
### Spacing Specification
|
||||
|
||||
**Universal**:
|
||||
|
||||
| Element | Range | Project Value |
|
||||
| ------- | ----- | ------------- |
|
||||
| Safe margin from canvas edge | 40-60px | 60px |
|
||||
| Content block gap | 24-40px | 32px |
|
||||
| Icon-text gap | 8-16px | 12px |
|
||||
|
||||
**Card-based**:
|
||||
|
||||
| Element | Range | Project Value |
|
||||
| ------- | ----- | ------------- |
|
||||
| Card gap | 20-32px | 24px |
|
||||
| Card padding | 20-32px | 24px |
|
||||
| Card border radius | 8-16px | 12px |
|
||||
| Card border (Memphis 必备) | 2-4px | 3px solid #1A1A2E |
|
||||
|
||||
**Non-card / breathing pages**:
|
||||
|
||||
- Line-height: 1.4-1.5× body font size
|
||||
- Full-bleed text placement: 留焦点区域，文字侧加 scrim
|
||||
|
||||
---
|
||||
|
||||
## VI. Icon Usage Specification
|
||||
|
||||
### Source
|
||||
|
||||
- **Library**: `chunk-filled`（粗实、几何、与孟菲斯硬边性格契合）
|
||||
- **Usage**: SVG `<use data-icon="chunk-filled/<name>" .../>` 占位符
|
||||
|
||||
### Recommended Icon List
|
||||
|
||||
| Purpose | Icon | Page |
|
||||
| ------- | ---- | ---- |
|
||||
| 天数 | `chunk-filled/calendar` | P03 |
|
||||
| 舞台 / 音乐 | `chunk-filled/music` | P03, P09 |
|
||||
| 艺人 | `chunk-filled/microphone` | P03, P05 |
|
||||
| 观众 | `chunk-filled/users` | P03 |
|
||||
| 时间 | `chunk-filled/clock` | P10 |
|
||||
| 闪电 / 能量 | `chunk-filled/bolt` | P04, P07 |
|
||||
| 心 / 爱 | `chunk-filled/heart` | P04, P14 |
|
||||
| 星 / 头牌 | `chunk-filled/star` | P06 |
|
||||
| 场地 / 定位 | `chunk-filled/map-pin` | P09 |
|
||||
| 太阳 / 夏日 | `chunk-filled/sun` | P02, P14 |
|
||||
| 闪烁装饰 | `chunk-filled/sparkles` | 全 deck 装饰 |
|
||||
| 耳机 / 电子 | `chunk-filled/headphones` | P07 |
|
||||
| 周边市集 | `chunk-filled/shopping-bag` | P12 |
|
||||
| 游戏 / 互动 | `chunk-filled/game-controller` | P12 |
|
||||
| 票务 | `chunk-filled/ticket` | P13 |
|
||||
| 赞助 / 礼物 | `chunk-filled/gift` | P13 |
|
||||
| 流程箭头 | `chunk-filled/arrow-right` | P10 |
|
||||
|
||||
---
|
||||
|
||||
## VII. Visualization Reference List
|
||||
|
||||
Catalog read: 71 templates
|
||||
|
||||
| Page | Template | Path | Summary-quote (verbatim) | Usage |
|
||||
| ---- | -------- | ---- | ------------------------ | ----- |
|
||||
| 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观众 |
|
||||
| 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 |
|
||||
| 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 组头牌艺人卡片 |
|
||||
| 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 风格阵营：摇滚 / 电子 / 民谣 / 嘻哈 |
|
||||
| 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 个分舞台辐射 |
|
||||
| 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 天音乐节日程 |
|
||||
| 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 互动装置（两栏对照） |
|
||||
| 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 三档 |
|
||||
|
||||
**Runners-up considered**:
|
||||
|
||||
- `team_roster` | rejected for P06: 项目用插画化头像而非真人员工照，且需要嵌入"专辑代表作"等非身份字段；icon_grid 更自由
|
||||
- `numbered_steps` | rejected for P10: 7 天日程是固定日期里程碑而非"如何做"步骤，timeline 才匹配时间轴语义
|
||||
- `comparison_table` | rejected for P13: 票档只有 4-5 行属性，列式营销卡片更孟菲斯波普；表格密度过高反而压住视觉
|
||||
|
||||
---
|
||||
|
||||
## VIII. Image Resource List
|
||||
|
||||
| Filename | Dimensions | Ratio | Purpose | Type | Layout pattern | Acquire Via | Status | Reference | text_policy | page_role |
|
||||
| -------- | --------- | ----- | ------- | ---- | -------------- | ----------- | ------ | --------- | ----------- | --------- |
|
||||
| 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 |
|
||||
| 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 |
|
||||
| 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 |
|
||||
| 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 |
|
||||
| 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 |
|
||||
| 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 |
|
||||
| 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 |
|
||||
| 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 |
|
||||
| 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 |
|
||||
|
||||
> 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"的硬性要求。
|
||||
|
||||
---
|
||||
|
||||
## IX. Content Outline
|
||||
|
||||
### Part 1: WHAT — 是什么
|
||||
|
||||
#### Slide 01 - Cover
|
||||
|
||||
- **Layout**: Full-bleed + floating title（hero_page）
|
||||
- **Title**: `SUGAR RUSH`
|
||||
- **Subtitle**: 2026 夏日音乐节 · 年度手册
|
||||
- **Info**: 7.18 – 7.24 · 椰岛大草原 · 让甜炸的夏天到来
|
||||
|
||||
#### Slide 02 - Chapter 1: WHAT IS SUGAR RUSH
|
||||
|
||||
- **Layout**: 章节扉页 — Faded image backdrop + 巨字标题
|
||||
- **Title**: `WHAT.`
|
||||
- **Subtitle**: 当全世界都在变热，我们决定，让它变甜。
|
||||
|
||||
#### Slide 03 - 关键数字
|
||||
|
||||
- **Layout**: Four-column cards（2×2 or 1×4）
|
||||
- **Title**: BY THE NUMBERS
|
||||
- **Visualization**: kpi_cards
|
||||
- **Content**:
|
||||
- `7` DAYS · 7 天连续狂欢（icon: calendar）
|
||||
- `5` STAGES · 5 个主题舞台（icon: music）
|
||||
- `80` ARTISTS · 80 组艺人阵容（icon: microphone）
|
||||
- `50K` FANS · 50000 名观众预期（icon: users）
|
||||
|
||||
#### Slide 04 - 三大理念
|
||||
|
||||
- **Layout**: Three-column vertical pillars
|
||||
- **Title**: WHAT WE STAND FOR
|
||||
- **Visualization**: vertical_pillars
|
||||
- **Content**:
|
||||
- **FREE**（icon: bolt）— 不设鄙视链，所有风格都是好风格
|
||||
- **FUN**（icon: sparkles）— 玩到极致，留下最甜回忆
|
||||
- **FOREVER YOUNG**（icon: heart）— 18 岁还是 80 岁，舞池里没有年纪
|
||||
|
||||
### Part 2: WHO — 谁来玩
|
||||
|
||||
#### Slide 05 - Chapter 2: WHO
|
||||
|
||||
- **Layout**: Full-bleed + 标题压音乐人剪影 + annotation cards
|
||||
- **Title**: `WHO.`
|
||||
- **Subtitle**: 80 组艺人，5 个风格阵营，1 张你忘不掉的脸。
|
||||
|
||||
#### Slide 06 - 头牌艺人
|
||||
|
||||
- **Layout**: 2×2 grid，4 张头像 + 名字 + 风格 + 代表作
|
||||
- **Title**: THE HEADLINERS
|
||||
- **Visualization**: icon_grid（每格 = 头像 + 文字）
|
||||
- **Content**:
|
||||
- **CHERRY BOMB**（粉发女主唱 · 摇滚 · 代表作 "Pink Static"）
|
||||
- **NEON CLOUD**（金色墨镜 DJ · 电子 · 代表作 "3AM Mirror"）
|
||||
- **MINT FOLK**（薄荷绿衬衫 · 民谣 · 代表作 "Slow Lemon"）
|
||||
- **YELLOW HUSTLE**（鲜黄连帽 · 嘻哈 · 代表作 "Sugar High"）
|
||||
|
||||
#### Slide 07 - 四大风格阵营
|
||||
|
||||
- **Layout**: 2×2 quadrant matrix
|
||||
- **Title**: FOUR FLAVORS, ONE FESTIVAL
|
||||
- **Visualization**: quadrant_text_bullets
|
||||
- **Content**:
|
||||
- 摇滚（icon: bolt）— 噪音、燃、释放 · 25 组艺人
|
||||
- 电子（icon: headphones）— 律动、深夜、迷幻 · 30 组艺人
|
||||
- 民谣（icon: heart）— 故事、慢、温度 · 15 组艺人
|
||||
- 嘻哈（icon: music）— 街头、节拍、态度 · 10 组艺人
|
||||
|
||||
### Part 3: WHERE & WHEN — 何时何地
|
||||
|
||||
#### Slide 08 - Chapter 3: WHERE & WHEN
|
||||
|
||||
- **Layout**: Full-bleed 鸟瞰图 + 模块标签 + scrim
|
||||
- **Title**: `WHERE.`
|
||||
- **Subtitle**: 椰岛大草原 · 一座为夏天造的城市。
|
||||
|
||||
#### Slide 09 - 5 个主题舞台
|
||||
|
||||
- **Layout**: Hub-spoke center-radiating
|
||||
- **Title**: 5 STAGES, ONE WORLD
|
||||
- **Visualization**: hub_spoke
|
||||
- **Content**:
|
||||
- **中央 · SUGAR DOME**（主舞台，最大容量 30000）
|
||||
- **粉 · CHERRY STAGE**（摇滚，5000）
|
||||
- **蓝 · NEON GRID**（电子，5000）
|
||||
- **绿 · MINT GROVE**（民谣，3000）
|
||||
- **黄 · YELLOW BLOCK**（嘻哈，7000）
|
||||
|
||||
#### Slide 10 - 7 天日程
|
||||
|
||||
- **Layout**: Horizontal timeline
|
||||
- **Title**: SEVEN DAYS OF SUGAR
|
||||
- **Visualization**: timeline
|
||||
- **Content**:
|
||||
- Day 1 (7.18) · OPENING · 开幕之夜
|
||||
- Day 2 (7.19) · ROCK DAY
|
||||
- Day 3 (7.20) · ELECTRO NIGHT
|
||||
- Day 4 (7.21) · FOLK AFTERNOON
|
||||
- Day 5 (7.22) · HIPHOP MIDNIGHT
|
||||
- Day 6 (7.23) · CROSSOVER · 跨界之夜
|
||||
- Day 7 (7.24) · CLOSING · 闭幕大狂欢
|
||||
|
||||
### Part 4: VIBES — 玩什么
|
||||
|
||||
#### Slide 11 - Chapter 4: VIBES
|
||||
|
||||
- **Layout**: Full-bleed + radial vignette
|
||||
- **Title**: `VIBES.`
|
||||
- **Subtitle**: 音乐之外，还有十种甜的方式。
|
||||
|
||||
#### Slide 12 - 周边市集 + 互动装置
|
||||
|
||||
- **Layout**: Two-column comparison
|
||||
- **Title**: BEYOND THE MUSIC
|
||||
- **Visualization**: comparison_columns（左：MARKET / 右：ART INSTALL）
|
||||
- **Content**:
|
||||
- **左 · MARKET**（icon: shopping-bag）— 50+ 摊位、限定周边、手作市集、本地小吃
|
||||
- **右 · ART INSTALL**（icon: game-controller）— 10 件巨型装置、AR 互动、彩绘工坊、夜光涂鸦墙
|
||||
|
||||
#### Slide 13 - 票务 + 赞助
|
||||
|
||||
- **Layout**: Top three-column tickets + bottom sponsor strip
|
||||
- **Title**: GET YOUR TICKET
|
||||
- **Visualization**: comparison_columns
|
||||
- **Content**:
|
||||
- **EARLY BIRD** · ¥499（限 5000 张 · 已售罄字样）
|
||||
- **REGULAR** · ¥799（含 1 杯指定饮品）
|
||||
- **VIP 7-DAY PASS** · ¥1999（含全程通票 + VIP 专区 + 会面机会）
|
||||
- 底部 sponsor 行：5-7 个虚构赞助 logo（占位文字 + icon 装饰）
|
||||
|
||||
#### Slide 14 - Closing
|
||||
|
||||
- **Layout**: Full-bleed + fade to background
|
||||
- **Title**: `SEE YOU IN SUMMER.`
|
||||
- **Subtitle**: SUGAR RUSH 2026 · 7.18 – 7.24
|
||||
- **Info**: Get tickets at sugarrush.fest
|
||||
|
||||
---
|
||||
|
||||
## X. Speaker Notes Requirements
|
||||
|
||||
- **Total duration**: ~15 分钟（演示性朗读 · 1 分钟/页）
|
||||
- **Notes style**: 对话式 + 略带营销感 — 像一个 host 在介绍音乐节
|
||||
- **Presentation purpose**: 激发兴趣 + 传达品牌调性 + 引导购票
|
||||
- **File naming**: 对齐 SVG `01_cover.svg → notes/01_cover.md`
|
||||
|
||||
---
|
||||
|
||||
## XI. Technical Constraints Reminder
|
||||
|
||||
### SVG Generation Must Follow:
|
||||
|
||||
1. viewBox: `0 0 1280 720`
|
||||
2. Background uses `<rect>` elements（#FFF8EE 奶油底）
|
||||
3. Text wrapping uses `<tspan>`（`<foreignObject>` FORBIDDEN）
|
||||
4. Transparency uses `fill-opacity` / `stroke-opacity`；`rgba()` FORBIDDEN
|
||||
5. FORBIDDEN: `mask`, `<style>`, `class`, `foreignObject`, `textPath`, `animate*`, `script`
|
||||
6. 文字字符直接写 Unicode（`—` `→` `·` 等），HTML 命名实体 FORBIDDEN；`&` 在文字里必须 `&`
|
||||
7. `clipPath` 只用于 `<image>`（圆 / 圆角矩形 / 多边形），不用于 shape / group / text
|
||||
8. Memphis 粗描边：所有几何块加 `stroke="#1A1A2E" stroke-width="2-4"`
|
||||
|
||||
### PPT Compatibility Rules:
|
||||
|
||||
- `<g opacity="...">` FORBIDDEN — 设在子元素上
|
||||
- Image 透明走 overlay 蒙层
|
||||
- 仅 inline 样式；`@font-face` FORBIDDEN
|
||||
- Memphis 装饰碎片用基础 SVG 图元（circle / rect / path / polygon），不用 `<pattern>`+`<use>`
|
||||
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 895 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 682 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 949 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 858 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 890 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 868 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 770 KiB |
@@ -0,0 +1,125 @@
|
||||
{
|
||||
"project": "sugar_rush_memphis",
|
||||
"generated_at": "2026-05-17",
|
||||
"deck_rendering": "flat",
|
||||
"deck_palette": "vivid-launch",
|
||||
"color_scheme": {
|
||||
"primary": "#FF3DA5",
|
||||
"secondary": "#FFF8EE",
|
||||
"accent": "#00B8D9",
|
||||
"tertiary_accent": "#FFD93D",
|
||||
"quaternary_accent": "#00C896",
|
||||
"quinary_accent": "#FF6B4A",
|
||||
"text": "#1A1A2E"
|
||||
},
|
||||
"items": [
|
||||
{
|
||||
"filename": "cover_bg.png",
|
||||
"purpose": "P01 cover hero — SUGAR RUSH 主视觉",
|
||||
"type": "hero",
|
||||
"page_role": "hero_page",
|
||||
"text_policy": "embedded",
|
||||
"aspect_ratio": "16:9",
|
||||
"image_size": "2K",
|
||||
"prompt": "Modern flat design illustration with bold geometric blocks and confident color zones. Forms are simplified to essential silhouettes — circles, rectangles, triangles, rounded squares. Color is applied as flat solid fills with deliberate juxtaposition. Subtle layered overlap creates flat depth without shadows. Color behavior is vivid-launch: cream secondary #FFF8EE forms the warm paper background (about 30%); saturated bubblegum pink #FF3DA5 dominates as the central neon-style sign block carrying the title (about 30%); electric blue #00B8D9 appears as supporting curved shapes and shadow ground (about 18%); vivid yellow #FFD93D and mint green #00C896 punctuate as small confetti shapes and palm-leaf accents (about 12% combined); coral red #FF6B4A appears as one or two playful sparkle shapes (about 5%); ink black #1A1A2E provides bold 3-4px outlines on every block and the typography (about 5%). All colors confident and saturated — promotional Memphis-pop energy. Composition: a large rounded-rectangle marquee sign centered upper-middle reading 'SUGAR RUSH' in heavy display sans-serif lettering, hand-drawn bold expressive strokes evoking 80s Memphis posters. Surrounding the sign: simplified stylized silhouette palm leaves on the left edge, a row of simplified human-crowd silhouettes raising arms across the lower band (no facial detail, just bold flat shapes), scattered Memphis decoration carrying the Memphis grammar — 4-5 polka dots, one zigzag bolt, one wavy line, two triangles, a small checkerboard fragment in a corner. Composed as a 1280×720px image for hero_page use — leave the lower-left third relatively calm for SVG subtitle overlay. The marquee lettering 'SUGAR RUSH' must read clearly in bold display sans-serif. Human figures appear as simplified stylized silhouettes only — no photorealistic faces, no detailed anatomy. Color values (HEX codes like #FF3DA5) and color names are rendering guidance only — do NOT display HEX codes, color names, or palette labels as visible text anywhere in the image. No brand logos or trademarks.",
|
||||
"alt_text": "Memphis-pop cover with neon-style SUGAR RUSH marquee sign, palm leaves, crowd silhouettes, geometric confetti",
|
||||
"status": "Generated"
|
||||
},
|
||||
{
|
||||
"filename": "ch1_what.png",
|
||||
"purpose": "P02 chapter 1 WHAT — 沙滩派对俯视全景",
|
||||
"type": "background",
|
||||
"page_role": "hero_page",
|
||||
"text_policy": "none",
|
||||
"aspect_ratio": "16:9",
|
||||
"image_size": "2K",
|
||||
"prompt": "Modern flat design illustration with bold geometric blocks and confident color zones. Forms are simplified to essential silhouettes. Flat solid fills, no shadows, depth through layered overlap. Color behavior is vivid-launch: cream secondary #FFF8EE forms the sand/paper field (about 50%); bubblegum pink #FF3DA5 dominates as one large rounded beach umbrella shape upper-right (about 20%); electric blue #00B8D9 appears as a wavy ocean band across the upper edge (about 12%); vivid yellow #FFD93D punctuates as another beach umbrella and scattered confetti dots (about 8%); mint green #00C896 forms a third umbrella and some palm-leaf silhouettes (about 6%); coral red #FF6B4A appears as towels and small accents (about 2%); ink black #1A1A2E provides 2-3px bold outlines on every shape (about 2%). Aerial top-down view of a stylized summer beach party — three or four flat-pattern beach umbrellas of different colors, simplified human-figure silhouettes as colorful dots/circles arranged in playful clusters (no facial detail, just bold flat shapes evoking a crowd), beach towels as rounded rectangles, a few palm leaves around the edges, scattered Memphis decoration: polka dot clusters, one zigzag, two triangles, a checkerboard fragment in lower-right corner. Composed as a 1280×720px image for hero_page use — leave the upper-middle 50% of the frame relatively calm with a slightly darker scrim-ready tone so an SVG chapter title 'WHAT.' can overlay on top legibly. Human figures appear as simplified stylized circles and silhouettes only — no faces, no detailed anatomy. NO text of any kind anywhere in the image — no letters, numbers, signs, watermarks, or labels. Color values are rendering guidance only — do NOT display HEX codes or color names as visible text. No brand logos or trademarks.",
|
||||
"alt_text": "Aerial top-down Memphis-pop beach party scene with colorful umbrellas, crowd dots, palm leaves",
|
||||
"status": "Generated"
|
||||
},
|
||||
{
|
||||
"filename": "ch2_who.png",
|
||||
"purpose": "P05 chapter 2 WHO — 五位音乐人剪影舞台",
|
||||
"type": "hero",
|
||||
"page_role": "hero_page",
|
||||
"text_policy": "none",
|
||||
"aspect_ratio": "16:9",
|
||||
"image_size": "2K",
|
||||
"prompt": "Modern flat design illustration with bold geometric blocks and confident color zones. Forms are simplified to essential silhouettes — circles, rectangles, triangles, rounded squares. Flat solid fills, no shadows, depth through layered overlap. Color behavior is vivid-launch: cream secondary #FFF8EE forms the upper stage backdrop and floor (about 25%); ink black #1A1A2E forms the bold band of five musician silhouettes across the lower-middle (about 25%); bubblegum pink #FF3DA5 dominates as one large spotlight beam descending from upper-left (about 18%); electric blue #00B8D9 appears as a second spotlight from upper-right (about 14%); vivid yellow #FFD93D forms a third spotlight from upper-center plus scattered confetti (about 8%); mint green #00C896 forms a fourth spotlight (about 5%); coral red #FF6B4A appears as a small accent spotlight and microphone tip (about 3%); black outlines 2-3px on every shape (about 2%). Five stylized silhouettes standing side-by-side on a stage — left to right: a guitarist (silhouette shape suggests electric guitar held diagonally), a DJ (silhouette behind a small console block), a singer holding a microphone (arm raised), a folk guitarist (acoustic guitar held vertically), a rapper (one arm extended forward). All five rendered as solid black silhouettes with no facial detail, just bold posture shapes. Behind them: four diagonal colorful spotlight beams in pink/blue/yellow/green crossing each other across the stage backdrop. Scattered Memphis decoration in the upper corners — polka dots, one zigzag, a small checkerboard fragment. Composed as a 1280×720px image for hero_page use — leave the upper-third relatively calm so SVG chapter title 'WHO.' can overlay legibly. Human figures appear as simplified stylized silhouettes only — no photorealistic faces, no detailed anatomy. NO text of any kind anywhere in the image — no letters, numbers, signs, watermarks, or labels. Color values are rendering guidance only — do NOT display HEX codes or color names as visible text. No brand logos or trademarks.",
|
||||
"alt_text": "Five musician silhouettes on stage backed by colorful pink/blue/yellow/green spotlights, Memphis-pop flat style",
|
||||
"status": "Generated"
|
||||
},
|
||||
{
|
||||
"filename": "headliners.png",
|
||||
"purpose": "P06 头牌艺人四联画 — 四位虚构音乐人正面半身像",
|
||||
"type": "portrait",
|
||||
"page_role": "local",
|
||||
"text_policy": "none",
|
||||
"aspect_ratio": "21:9",
|
||||
"image_size": "2K",
|
||||
"prompt": "Modern flat design illustration with bold geometric blocks and confident color zones. Forms are simplified to essential silhouettes. Flat solid fills, no shadows, depth through layered overlap. A single wide image containing four equally-spaced stylized portrait panels arranged left-to-right in one continuous strip, each panel a distinct character with consistent flat illustration style. Color behavior is vivid-launch with each panel anchored by one dominant deck color while sharing the cream secondary background: Panel 1 (leftmost) — background bubblegum pink #FF3DA5 (40%) + cream secondary #FFF8EE (40%) + ink black #1A1A2E figure outline and details (20%); a young rock singer character with pink hair styled in a tall asymmetric cut, wearing a leather jacket, holding an electric guitar diagonally, half-body framing chest-up, simplified stylized face (geometric shapes only, no realistic features — small black dot eyes, simple line mouth). Panel 2 — background electric blue #00B8D9 (40%) + cream #FFF8EE (40%) + ink black (20%); a young DJ character wearing oversized gold-rimmed sunglasses (rendered as solid yellow #FFD93D shapes), headphones around neck, hand on a small synthesizer block, half-body framing, same simplified stylized face approach. Panel 3 — background mint green #00C896 (40%) + cream #FFF8EE (40%) + ink black (20%); a folk guitarist character with shoulder-length wavy hair, wearing a mint-green button-up shirt, holding an acoustic guitar vertically, half-body framing, same simplified face style. Panel 4 (rightmost) — background vivid yellow #FFD93D (40%) + cream #FFF8EE (40%) + ink black (20%); a rapper character wearing a rainbow hoodie with hood up, hands gesturing, one chunky chain (coral red #FF6B4A accent), half-body framing, same simplified face style. All four panels share identical flat-illustration style, identical framing height, identical 2-3px bold ink-black outlines, identical sparse Memphis decoration in corners (a small zigzag or polka cluster). Thin vertical ink-black 3px divider lines separate the four panels. Composed as a wide horizontal strip for local block use on an SVG page. Human figures appear as simplified stylized characters only — geometric face shapes, no photorealistic features, no celebrity likeness. NO text of any kind anywhere in the image — no letters, numbers, signs, names, watermarks, or labels. Color values are rendering guidance only — do NOT display HEX codes or color names as visible text. No brand logos or trademarks.",
|
||||
"alt_text": "Four-panel Memphis-pop portrait strip of fictional headliners: pink-haired rock singer, blue DJ, green folk guitarist, yellow rapper",
|
||||
"status": "Generated"
|
||||
},
|
||||
{
|
||||
"filename": "ch3_where.png",
|
||||
"purpose": "P08 chapter 3 WHERE — 音乐节场地鸟瞰",
|
||||
"type": "map",
|
||||
"page_role": "hero_page",
|
||||
"text_policy": "none",
|
||||
"aspect_ratio": "16:9",
|
||||
"image_size": "2K",
|
||||
"prompt": "Modern flat design illustration with bold geometric blocks and confident color zones. Forms are simplified to essential silhouettes. Flat solid fills, no shadows, depth through layered overlap. Top-down aerial bird's-eye view of a stylized music festival venue laid out on cream grass. Color behavior is vivid-launch: cream secondary #FFF8EE forms the grass field (about 45%); ink black #1A1A2E forms 2-3px outlines on every element (about 5%); bubblegum pink #FF3DA5 forms one large rounded-rectangle main stage canopy upper-center (about 14%); electric blue #00B8D9 forms a second stage block lower-left (about 9%); vivid yellow #FFD93D forms a third stage block upper-right (about 8%); mint green #00C896 forms a fourth stage block lower-center (about 7%); coral red #FF6B4A forms a fifth stage block right-middle (about 6%); a few brown winding paths #5C4329 connect the stages (about 4%); scattered small palm trees as flat green circles, tiny colorful tent dots in clusters, a few simplified stylized human-figure circles indicating crowds near each stage (no facial detail). Memphis decoration in the corners: polka dots, one zigzag, two triangles, a checkerboard fragment. Composed as a 1280×720px image for hero_page use — leave the upper-third sky region relatively calm with darker scrim-ready ink so the SVG chapter title 'WHERE.' can overlay legibly. Human figures appear as simplified stylized circles only — no faces. NO text of any kind anywhere in the image — no letters, numbers, signs, watermarks, or labels (including no stage names). Color values are rendering guidance only — do NOT display HEX codes or color names as visible text. No brand logos or trademarks.",
|
||||
"alt_text": "Aerial Memphis-pop view of festival venue with five colorful stage blocks, palm trees, crowd dots",
|
||||
"status": "Generated"
|
||||
},
|
||||
{
|
||||
"filename": "ch4_vibes.png",
|
||||
"purpose": "P11 chapter 4 VIBES — 夜场荧光氛围",
|
||||
"type": "scene",
|
||||
"page_role": "hero_page",
|
||||
"text_policy": "none",
|
||||
"aspect_ratio": "16:9",
|
||||
"image_size": "2K",
|
||||
"prompt": "Modern flat design illustration with bold geometric blocks and confident color zones. Forms are simplified to essential silhouettes. Flat solid fills, no shadows, depth through layered overlap. Nighttime festival vibe scene viewed from behind the crowd looking toward the stage. Color behavior is vivid-launch but with darker treatment for night feeling: deep navy ink #1A1A2E forms the night sky upper half and crowd silhouettes lower band (about 40%); bubblegum pink #FF3DA5 dominates as a huge abstract wave pattern displayed on a distant LED screen / stage backdrop (about 18%); electric blue #00B8D9 forms a second wave pattern overlapping the pink (about 14%); vivid yellow #FFD93D punctuates as scattered glow stick dots above the crowd silhouette band (about 10%); mint green #00C896 forms additional glow stick dots and a small smoke cloud (about 8%); coral red #FF6B4A appears as confetti sparkles (about 5%); cream secondary #FFF8EE forms small highlight accents around the stage LED edges (about 3%); ink-black outlines 2-3px on every shape (about 2%). Foreground: a wide band of simplified stylized human silhouettes from behind with raised arms (no facial detail, pure black flat shapes), one figure jumping mid-air slightly above the crowd line as a visual focal point. Mid-ground: a few colorful smoke puffs rising up. Background: a distant rectangular stage with abstract waves displayed on its LED screen. Scattered Memphis decoration: polka dots and zigzag accents floating in the sky as if confetti, one checkerboard fragment in upper-right corner. Composed as a 1280×720px image for hero_page use — leave the upper-left region relatively dark and calm so SVG chapter title 'VIBES.' can overlay legibly. Human figures appear as simplified stylized silhouettes only — no faces, no detailed anatomy. NO text of any kind anywhere in the image — no letters, numbers, signs, watermarks, or labels (including no text on the LED screen — just abstract waves). Color values are rendering guidance only — do NOT display HEX codes or color names as visible text. No brand logos or trademarks.",
|
||||
"alt_text": "Memphis-pop night festival scene with crowd silhouettes, glow sticks, jumping figure, abstract wave LED stage",
|
||||
"status": "Generated"
|
||||
},
|
||||
{
|
||||
"filename": "market.png",
|
||||
"purpose": "P12 周边市集 local 插画",
|
||||
"type": "scene",
|
||||
"page_role": "local",
|
||||
"text_policy": "none",
|
||||
"aspect_ratio": "3:2",
|
||||
"image_size": "1K",
|
||||
"prompt": "Modern flat design illustration with bold geometric blocks and confident color zones. Forms are simplified to essential silhouettes. Flat solid fills, no shadows, depth through layered overlap. Color behavior is vivid-launch: cream secondary #FFF8EE forms the ground / sky / background (about 40%); bubblegum pink #FF3DA5 forms one striped tent canopy on the left (about 18%); electric blue #00B8D9 forms a second striped tent canopy on the right (about 15%); vivid yellow #FFD93D punctuates as a row of merchandise — flat T-shirt shapes hung on a horizontal pole (about 10%); mint green #00C896 appears as tote bags piled below (about 8%); coral red #FF6B4A forms shopping basket and tag accents (about 5%); ink black #1A1A2E provides 2-3px outlines on every shape and one simplified shopkeeper silhouette behind a counter (about 4%). Side view of a small outdoor merch market booth — two striped tent canopies (one pink, one blue) side by side, a wooden counter in front, an assortment of festival merchandise displayed: 3-4 flat T-shirt silhouettes hanging on a pole above the counter, a stack of tote bags on the counter, a few stickers and small items on a side shelf, a hanging sign shape (blank — no text). A simplified silhouette shopkeeper character behind the counter handing an item to a simplified silhouette customer in front (both rendered as solid black flat shapes, no facial detail). Scattered Memphis decoration: a few polka dots and one zigzag floating in the background sky area. Composed as a 600×400px local block image for placement inside an SVG page. Human figures appear as simplified stylized silhouettes only — no faces, no detailed anatomy. NO text of any kind anywhere in the image — no letters, numbers, signs (including the sign above the booth must be blank), watermarks, or labels. Color values are rendering guidance only — do NOT display HEX codes or color names as visible text. No brand logos or trademarks.",
|
||||
"alt_text": "Memphis-pop outdoor merch market booth with striped tents, T-shirts, tote bags, shopkeeper silhouette",
|
||||
"status": "Generated"
|
||||
},
|
||||
{
|
||||
"filename": "installation.png",
|
||||
"purpose": "P12 互动艺术装置 local 插画",
|
||||
"type": "scene",
|
||||
"page_role": "local",
|
||||
"text_policy": "none",
|
||||
"aspect_ratio": "3:2",
|
||||
"image_size": "1K",
|
||||
"prompt": "Modern flat design illustration with bold geometric blocks and confident color zones. Forms are simplified to essential silhouettes. Flat solid fills, no shadows, depth through layered overlap. Color behavior is vivid-launch: cream secondary #FFF8EE forms the sky and ground (about 38%); bubblegum pink #FF3DA5 dominates as one large inflatable sphere sculpture upper-left (about 22%); electric blue #00B8D9 forms a triangular inflatable sculpture in the center (about 16%); vivid yellow #FFD93D forms a large wavy ribbon sculpture on the right (about 12%); mint green #00C896 appears as small grass strokes along the base (about 5%); coral red #FF6B4A forms accent ribbons and one small confetti puff (about 3%); ink black #1A1A2E provides 2-3px outlines on every shape and two simplified figure silhouettes (about 4%). Side view of a small outdoor art installation lawn — three large flat geometric inflatable sculptures (pink sphere, blue triangle, yellow wavy ribbon) standing on green grass, blue sky above. Two simplified human-figure silhouettes interact with the installations — one in mid-air jumping pose near the blue triangle, another in selfie pose near the pink sphere (both rendered as solid black silhouettes, no facial detail). Scattered Memphis decoration: polka dots near the upper-right corner, one zigzag floating between sculptures, a small checkerboard fragment in the lower-left corner. Composed as a 600×400px local block image for placement inside an SVG page. Human figures appear as simplified stylized silhouettes only — no faces, no detailed anatomy. NO text of any kind anywhere in the image — no letters, numbers, signs, watermarks, or labels. Color values are rendering guidance only — do NOT display HEX codes or color names as visible text. No brand logos or trademarks.",
|
||||
"alt_text": "Memphis-pop interactive art installation with pink sphere, blue triangle, yellow ribbon, figure silhouettes",
|
||||
"status": "Generated"
|
||||
},
|
||||
{
|
||||
"filename": "closing.png",
|
||||
"purpose": "P14 收尾页 — 夕阳空舞台与残存彩屑",
|
||||
"type": "scene",
|
||||
"page_role": "hero_page",
|
||||
"text_policy": "embedded",
|
||||
"aspect_ratio": "16:9",
|
||||
"image_size": "2K",
|
||||
"prompt": "Modern flat design illustration with bold geometric blocks and confident color zones. Forms are simplified to essential silhouettes. Flat solid fills, no shadows, depth through layered overlap. Color behavior is vivid-launch with softer dusk treatment: cream secondary #FFF8EE forms the lower foreground / fade-to-page area (about 38%); coral red #FF6B4A forms the dusk sunset sky upper band gradient-like layered into bubblegum pink #FF3DA5 (about 30% combined for the sky); bubblegum pink #FF3DA5 forms the silhouette of an empty stage frame (about 12%); electric blue #00B8D9 forms the distant horizon strip (about 7%); vivid yellow #FFD93D punctuates as scattered confetti pieces and a few floating balloons (about 7%); mint green #00C896 appears as small scattered confetti dots and one drifting balloon (about 4%); ink black #1A1A2E forms 2-3px outlines and the empty stage's truss bones (about 2%). Wide horizontal scene at dusk after the festival ended — an empty stage frame silhouette stands center-mid against a layered pink-coral sunset sky, two abandoned balloons drift upward, scattered colorful confetti pieces (yellow, pink, blue, green, red) fall across the foreground, distant blue mountain-horizon. In the upper-third sky area, hand-lettered bold display sans-serif text 'SEE YOU IN SUMMER.' reads clearly in ink-black, with each letter rendered as part of the artwork in a confident expressive style. The lower-third of the canvas fades softly toward cream secondary #FFF8EE so the image can melt into the SVG page background. Scattered minimal Memphis decoration: a small polka cluster lower-right, one zigzag in the sky. NO human figures in this scene — empty stage is the point. The lettering 'SEE YOU IN SUMMER.' must read clearly in bold display sans-serif lettering with heavy expressive strokes. Color values (HEX codes like #FF3DA5) and color names are rendering guidance only — do NOT display HEX codes, color names, or palette labels as visible text. No brand logos or trademarks.",
|
||||
"alt_text": "Memphis-pop dusk scene with empty stage silhouette, sunset sky, scattered confetti, balloons, SEE YOU IN SUMMER lettering",
|
||||
"status": "Generated"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,181 @@
|
||||
# Image Generation Prompts
|
||||
|
||||
> Auto-generated from `image_prompts.json` by `image_gen.py --render-md`.
|
||||
> Do not hand-edit — re-run the command to refresh.
|
||||
|
||||
> Project: sugar_rush_memphis
|
||||
> Generated: 2026-05-17
|
||||
> Color scheme: Primary #FF3DA5 | Secondary #FFF8EE | Accent #00B8D9 | Tertiary_accent #FFD93D | Quaternary_accent #00C896 | Quinary_accent #FF6B4A | Text #1A1A2E
|
||||
|
||||
---
|
||||
|
||||
### Image 1: cover_bg.png
|
||||
|
||||
| Attribute | Value |
|
||||
|---|---|
|
||||
| Purpose | P01 cover hero — SUGAR RUSH 主视觉 |
|
||||
| Type | hero |
|
||||
| Aspect ratio | 16:9 |
|
||||
| Image size | 2K |
|
||||
| Status | Generated |
|
||||
|
||||
**Prompt**:
|
||||
|
||||
Modern flat design illustration with bold geometric blocks and confident color zones. Forms are simplified to essential silhouettes — circles, rectangles, triangles, rounded squares. Color is applied as flat solid fills with deliberate juxtaposition. Subtle layered overlap creates flat depth without shadows. Color behavior is vivid-launch: cream secondary #FFF8EE forms the warm paper background (about 30%); saturated bubblegum pink #FF3DA5 dominates as the central neon-style sign block carrying the title (about 30%); electric blue #00B8D9 appears as supporting curved shapes and shadow ground (about 18%); vivid yellow #FFD93D and mint green #00C896 punctuate as small confetti shapes and palm-leaf accents (about 12% combined); coral red #FF6B4A appears as one or two playful sparkle shapes (about 5%); ink black #1A1A2E provides bold 3-4px outlines on every block and the typography (about 5%). All colors confident and saturated — promotional Memphis-pop energy. Composition: a large rounded-rectangle marquee sign centered upper-middle reading 'SUGAR RUSH' in heavy display sans-serif lettering, hand-drawn bold expressive strokes evoking 80s Memphis posters. Surrounding the sign: simplified stylized silhouette palm leaves on the left edge, a row of simplified human-crowd silhouettes raising arms across the lower band (no facial detail, just bold flat shapes), scattered Memphis decoration carrying the Memphis grammar — 4-5 polka dots, one zigzag bolt, one wavy line, two triangles, a small checkerboard fragment in a corner. Composed as a 1280×720px image for hero_page use — leave the lower-left third relatively calm for SVG subtitle overlay. The marquee lettering 'SUGAR RUSH' must read clearly in bold display sans-serif. Human figures appear as simplified stylized silhouettes only — no photorealistic faces, no detailed anatomy. Color values (HEX codes like #FF3DA5) and color names are rendering guidance only — do NOT display HEX codes, color names, or palette labels as visible text anywhere in the image. No brand logos or trademarks.
|
||||
|
||||
**Alt Text**:
|
||||
> Memphis-pop cover with neon-style SUGAR RUSH marquee sign, palm leaves, crowd silhouettes, geometric confetti
|
||||
|
||||
---
|
||||
|
||||
### Image 2: ch1_what.png
|
||||
|
||||
| Attribute | Value |
|
||||
|---|---|
|
||||
| Purpose | P02 chapter 1 WHAT — 沙滩派对俯视全景 |
|
||||
| Type | background |
|
||||
| Aspect ratio | 16:9 |
|
||||
| Image size | 2K |
|
||||
| Status | Generated |
|
||||
|
||||
**Prompt**:
|
||||
|
||||
Modern flat design illustration with bold geometric blocks and confident color zones. Forms are simplified to essential silhouettes. Flat solid fills, no shadows, depth through layered overlap. Color behavior is vivid-launch: cream secondary #FFF8EE forms the sand/paper field (about 50%); bubblegum pink #FF3DA5 dominates as one large rounded beach umbrella shape upper-right (about 20%); electric blue #00B8D9 appears as a wavy ocean band across the upper edge (about 12%); vivid yellow #FFD93D punctuates as another beach umbrella and scattered confetti dots (about 8%); mint green #00C896 forms a third umbrella and some palm-leaf silhouettes (about 6%); coral red #FF6B4A appears as towels and small accents (about 2%); ink black #1A1A2E provides 2-3px bold outlines on every shape (about 2%). Aerial top-down view of a stylized summer beach party — three or four flat-pattern beach umbrellas of different colors, simplified human-figure silhouettes as colorful dots/circles arranged in playful clusters (no facial detail, just bold flat shapes evoking a crowd), beach towels as rounded rectangles, a few palm leaves around the edges, scattered Memphis decoration: polka dot clusters, one zigzag, two triangles, a checkerboard fragment in lower-right corner. Composed as a 1280×720px image for hero_page use — leave the upper-middle 50% of the frame relatively calm with a slightly darker scrim-ready tone so an SVG chapter title 'WHAT.' can overlay on top legibly. Human figures appear as simplified stylized circles and silhouettes only — no faces, no detailed anatomy. NO text of any kind anywhere in the image — no letters, numbers, signs, watermarks, or labels. Color values are rendering guidance only — do NOT display HEX codes or color names as visible text. No brand logos or trademarks.
|
||||
|
||||
**Alt Text**:
|
||||
> Aerial top-down Memphis-pop beach party scene with colorful umbrellas, crowd dots, palm leaves
|
||||
|
||||
---
|
||||
|
||||
### Image 3: ch2_who.png
|
||||
|
||||
| Attribute | Value |
|
||||
|---|---|
|
||||
| Purpose | P05 chapter 2 WHO — 五位音乐人剪影舞台 |
|
||||
| Type | hero |
|
||||
| Aspect ratio | 16:9 |
|
||||
| Image size | 2K |
|
||||
| Status | Generated |
|
||||
|
||||
**Prompt**:
|
||||
|
||||
Modern flat design illustration with bold geometric blocks and confident color zones. Forms are simplified to essential silhouettes — circles, rectangles, triangles, rounded squares. Flat solid fills, no shadows, depth through layered overlap. Color behavior is vivid-launch: cream secondary #FFF8EE forms the upper stage backdrop and floor (about 25%); ink black #1A1A2E forms the bold band of five musician silhouettes across the lower-middle (about 25%); bubblegum pink #FF3DA5 dominates as one large spotlight beam descending from upper-left (about 18%); electric blue #00B8D9 appears as a second spotlight from upper-right (about 14%); vivid yellow #FFD93D forms a third spotlight from upper-center plus scattered confetti (about 8%); mint green #00C896 forms a fourth spotlight (about 5%); coral red #FF6B4A appears as a small accent spotlight and microphone tip (about 3%); black outlines 2-3px on every shape (about 2%). Five stylized silhouettes standing side-by-side on a stage — left to right: a guitarist (silhouette shape suggests electric guitar held diagonally), a DJ (silhouette behind a small console block), a singer holding a microphone (arm raised), a folk guitarist (acoustic guitar held vertically), a rapper (one arm extended forward). All five rendered as solid black silhouettes with no facial detail, just bold posture shapes. Behind them: four diagonal colorful spotlight beams in pink/blue/yellow/green crossing each other across the stage backdrop. Scattered Memphis decoration in the upper corners — polka dots, one zigzag, a small checkerboard fragment. Composed as a 1280×720px image for hero_page use — leave the upper-third relatively calm so SVG chapter title 'WHO.' can overlay legibly. Human figures appear as simplified stylized silhouettes only — no photorealistic faces, no detailed anatomy. NO text of any kind anywhere in the image — no letters, numbers, signs, watermarks, or labels. Color values are rendering guidance only — do NOT display HEX codes or color names as visible text. No brand logos or trademarks.
|
||||
|
||||
**Alt Text**:
|
||||
> Five musician silhouettes on stage backed by colorful pink/blue/yellow/green spotlights, Memphis-pop flat style
|
||||
|
||||
---
|
||||
|
||||
### Image 4: headliners.png
|
||||
|
||||
| Attribute | Value |
|
||||
|---|---|
|
||||
| Purpose | P06 头牌艺人四联画 — 四位虚构音乐人正面半身像 |
|
||||
| Type | portrait |
|
||||
| Aspect ratio | 21:9 |
|
||||
| Image size | 2K |
|
||||
| Status | Generated |
|
||||
|
||||
**Prompt**:
|
||||
|
||||
Modern flat design illustration with bold geometric blocks and confident color zones. Forms are simplified to essential silhouettes. Flat solid fills, no shadows, depth through layered overlap. A single wide image containing four equally-spaced stylized portrait panels arranged left-to-right in one continuous strip, each panel a distinct character with consistent flat illustration style. Color behavior is vivid-launch with each panel anchored by one dominant deck color while sharing the cream secondary background: Panel 1 (leftmost) — background bubblegum pink #FF3DA5 (40%) + cream secondary #FFF8EE (40%) + ink black #1A1A2E figure outline and details (20%); a young rock singer character with pink hair styled in a tall asymmetric cut, wearing a leather jacket, holding an electric guitar diagonally, half-body framing chest-up, simplified stylized face (geometric shapes only, no realistic features — small black dot eyes, simple line mouth). Panel 2 — background electric blue #00B8D9 (40%) + cream #FFF8EE (40%) + ink black (20%); a young DJ character wearing oversized gold-rimmed sunglasses (rendered as solid yellow #FFD93D shapes), headphones around neck, hand on a small synthesizer block, half-body framing, same simplified stylized face approach. Panel 3 — background mint green #00C896 (40%) + cream #FFF8EE (40%) + ink black (20%); a folk guitarist character with shoulder-length wavy hair, wearing a mint-green button-up shirt, holding an acoustic guitar vertically, half-body framing, same simplified face style. Panel 4 (rightmost) — background vivid yellow #FFD93D (40%) + cream #FFF8EE (40%) + ink black (20%); a rapper character wearing a rainbow hoodie with hood up, hands gesturing, one chunky chain (coral red #FF6B4A accent), half-body framing, same simplified face style. All four panels share identical flat-illustration style, identical framing height, identical 2-3px bold ink-black outlines, identical sparse Memphis decoration in corners (a small zigzag or polka cluster). Thin vertical ink-black 3px divider lines separate the four panels. Composed as a wide horizontal strip for local block use on an SVG page. Human figures appear as simplified stylized characters only — geometric face shapes, no photorealistic features, no celebrity likeness. NO text of any kind anywhere in the image — no letters, numbers, signs, names, watermarks, or labels. Color values are rendering guidance only — do NOT display HEX codes or color names as visible text. No brand logos or trademarks.
|
||||
|
||||
**Alt Text**:
|
||||
> Four-panel Memphis-pop portrait strip of fictional headliners: pink-haired rock singer, blue DJ, green folk guitarist, yellow rapper
|
||||
|
||||
---
|
||||
|
||||
### Image 5: ch3_where.png
|
||||
|
||||
| Attribute | Value |
|
||||
|---|---|
|
||||
| Purpose | P08 chapter 3 WHERE — 音乐节场地鸟瞰 |
|
||||
| Type | map |
|
||||
| Aspect ratio | 16:9 |
|
||||
| Image size | 2K |
|
||||
| Status | Generated |
|
||||
|
||||
**Prompt**:
|
||||
|
||||
Modern flat design illustration with bold geometric blocks and confident color zones. Forms are simplified to essential silhouettes. Flat solid fills, no shadows, depth through layered overlap. Top-down aerial bird's-eye view of a stylized music festival venue laid out on cream grass. Color behavior is vivid-launch: cream secondary #FFF8EE forms the grass field (about 45%); ink black #1A1A2E forms 2-3px outlines on every element (about 5%); bubblegum pink #FF3DA5 forms one large rounded-rectangle main stage canopy upper-center (about 14%); electric blue #00B8D9 forms a second stage block lower-left (about 9%); vivid yellow #FFD93D forms a third stage block upper-right (about 8%); mint green #00C896 forms a fourth stage block lower-center (about 7%); coral red #FF6B4A forms a fifth stage block right-middle (about 6%); a few brown winding paths #5C4329 connect the stages (about 4%); scattered small palm trees as flat green circles, tiny colorful tent dots in clusters, a few simplified stylized human-figure circles indicating crowds near each stage (no facial detail). Memphis decoration in the corners: polka dots, one zigzag, two triangles, a checkerboard fragment. Composed as a 1280×720px image for hero_page use — leave the upper-third sky region relatively calm with darker scrim-ready ink so the SVG chapter title 'WHERE.' can overlay legibly. Human figures appear as simplified stylized circles only — no faces. NO text of any kind anywhere in the image — no letters, numbers, signs, watermarks, or labels (including no stage names). Color values are rendering guidance only — do NOT display HEX codes or color names as visible text. No brand logos or trademarks.
|
||||
|
||||
**Alt Text**:
|
||||
> Aerial Memphis-pop view of festival venue with five colorful stage blocks, palm trees, crowd dots
|
||||
|
||||
---
|
||||
|
||||
### Image 6: ch4_vibes.png
|
||||
|
||||
| Attribute | Value |
|
||||
|---|---|
|
||||
| Purpose | P11 chapter 4 VIBES — 夜场荧光氛围 |
|
||||
| Type | scene |
|
||||
| Aspect ratio | 16:9 |
|
||||
| Image size | 2K |
|
||||
| Status | Generated |
|
||||
|
||||
**Prompt**:
|
||||
|
||||
Modern flat design illustration with bold geometric blocks and confident color zones. Forms are simplified to essential silhouettes. Flat solid fills, no shadows, depth through layered overlap. Nighttime festival vibe scene viewed from behind the crowd looking toward the stage. Color behavior is vivid-launch but with darker treatment for night feeling: deep navy ink #1A1A2E forms the night sky upper half and crowd silhouettes lower band (about 40%); bubblegum pink #FF3DA5 dominates as a huge abstract wave pattern displayed on a distant LED screen / stage backdrop (about 18%); electric blue #00B8D9 forms a second wave pattern overlapping the pink (about 14%); vivid yellow #FFD93D punctuates as scattered glow stick dots above the crowd silhouette band (about 10%); mint green #00C896 forms additional glow stick dots and a small smoke cloud (about 8%); coral red #FF6B4A appears as confetti sparkles (about 5%); cream secondary #FFF8EE forms small highlight accents around the stage LED edges (about 3%); ink-black outlines 2-3px on every shape (about 2%). Foreground: a wide band of simplified stylized human silhouettes from behind with raised arms (no facial detail, pure black flat shapes), one figure jumping mid-air slightly above the crowd line as a visual focal point. Mid-ground: a few colorful smoke puffs rising up. Background: a distant rectangular stage with abstract waves displayed on its LED screen. Scattered Memphis decoration: polka dots and zigzag accents floating in the sky as if confetti, one checkerboard fragment in upper-right corner. Composed as a 1280×720px image for hero_page use — leave the upper-left region relatively dark and calm so SVG chapter title 'VIBES.' can overlay legibly. Human figures appear as simplified stylized silhouettes only — no faces, no detailed anatomy. NO text of any kind anywhere in the image — no letters, numbers, signs, watermarks, or labels (including no text on the LED screen — just abstract waves). Color values are rendering guidance only — do NOT display HEX codes or color names as visible text. No brand logos or trademarks.
|
||||
|
||||
**Alt Text**:
|
||||
> Memphis-pop night festival scene with crowd silhouettes, glow sticks, jumping figure, abstract wave LED stage
|
||||
|
||||
---
|
||||
|
||||
### Image 7: market.png
|
||||
|
||||
| Attribute | Value |
|
||||
|---|---|
|
||||
| Purpose | P12 周边市集 local 插画 |
|
||||
| Type | scene |
|
||||
| Aspect ratio | 3:2 |
|
||||
| Image size | 1K |
|
||||
| Status | Generated |
|
||||
|
||||
**Prompt**:
|
||||
|
||||
Modern flat design illustration with bold geometric blocks and confident color zones. Forms are simplified to essential silhouettes. Flat solid fills, no shadows, depth through layered overlap. Color behavior is vivid-launch: cream secondary #FFF8EE forms the ground / sky / background (about 40%); bubblegum pink #FF3DA5 forms one striped tent canopy on the left (about 18%); electric blue #00B8D9 forms a second striped tent canopy on the right (about 15%); vivid yellow #FFD93D punctuates as a row of merchandise — flat T-shirt shapes hung on a horizontal pole (about 10%); mint green #00C896 appears as tote bags piled below (about 8%); coral red #FF6B4A forms shopping basket and tag accents (about 5%); ink black #1A1A2E provides 2-3px outlines on every shape and one simplified shopkeeper silhouette behind a counter (about 4%). Side view of a small outdoor merch market booth — two striped tent canopies (one pink, one blue) side by side, a wooden counter in front, an assortment of festival merchandise displayed: 3-4 flat T-shirt silhouettes hanging on a pole above the counter, a stack of tote bags on the counter, a few stickers and small items on a side shelf, a hanging sign shape (blank — no text). A simplified silhouette shopkeeper character behind the counter handing an item to a simplified silhouette customer in front (both rendered as solid black flat shapes, no facial detail). Scattered Memphis decoration: a few polka dots and one zigzag floating in the background sky area. Composed as a 600×400px local block image for placement inside an SVG page. Human figures appear as simplified stylized silhouettes only — no faces, no detailed anatomy. NO text of any kind anywhere in the image — no letters, numbers, signs (including the sign above the booth must be blank), watermarks, or labels. Color values are rendering guidance only — do NOT display HEX codes or color names as visible text. No brand logos or trademarks.
|
||||
|
||||
**Alt Text**:
|
||||
> Memphis-pop outdoor merch market booth with striped tents, T-shirts, tote bags, shopkeeper silhouette
|
||||
|
||||
---
|
||||
|
||||
### Image 8: installation.png
|
||||
|
||||
| Attribute | Value |
|
||||
|---|---|
|
||||
| Purpose | P12 互动艺术装置 local 插画 |
|
||||
| Type | scene |
|
||||
| Aspect ratio | 3:2 |
|
||||
| Image size | 1K |
|
||||
| Status | Generated |
|
||||
|
||||
**Prompt**:
|
||||
|
||||
Modern flat design illustration with bold geometric blocks and confident color zones. Forms are simplified to essential silhouettes. Flat solid fills, no shadows, depth through layered overlap. Color behavior is vivid-launch: cream secondary #FFF8EE forms the sky and ground (about 38%); bubblegum pink #FF3DA5 dominates as one large inflatable sphere sculpture upper-left (about 22%); electric blue #00B8D9 forms a triangular inflatable sculpture in the center (about 16%); vivid yellow #FFD93D forms a large wavy ribbon sculpture on the right (about 12%); mint green #00C896 appears as small grass strokes along the base (about 5%); coral red #FF6B4A forms accent ribbons and one small confetti puff (about 3%); ink black #1A1A2E provides 2-3px outlines on every shape and two simplified figure silhouettes (about 4%). Side view of a small outdoor art installation lawn — three large flat geometric inflatable sculptures (pink sphere, blue triangle, yellow wavy ribbon) standing on green grass, blue sky above. Two simplified human-figure silhouettes interact with the installations — one in mid-air jumping pose near the blue triangle, another in selfie pose near the pink sphere (both rendered as solid black silhouettes, no facial detail). Scattered Memphis decoration: polka dots near the upper-right corner, one zigzag floating between sculptures, a small checkerboard fragment in the lower-left corner. Composed as a 600×400px local block image for placement inside an SVG page. Human figures appear as simplified stylized silhouettes only — no faces, no detailed anatomy. NO text of any kind anywhere in the image — no letters, numbers, signs, watermarks, or labels. Color values are rendering guidance only — do NOT display HEX codes or color names as visible text. No brand logos or trademarks.
|
||||
|
||||
**Alt Text**:
|
||||
> Memphis-pop interactive art installation with pink sphere, blue triangle, yellow ribbon, figure silhouettes
|
||||
|
||||
---
|
||||
|
||||
### Image 9: closing.png
|
||||
|
||||
| Attribute | Value |
|
||||
|---|---|
|
||||
| Purpose | P14 收尾页 — 夕阳空舞台与残存彩屑 |
|
||||
| Type | scene |
|
||||
| Aspect ratio | 16:9 |
|
||||
| Image size | 2K |
|
||||
| Status | Generated |
|
||||
|
||||
**Prompt**:
|
||||
|
||||
Modern flat design illustration with bold geometric blocks and confident color zones. Forms are simplified to essential silhouettes. Flat solid fills, no shadows, depth through layered overlap. Color behavior is vivid-launch with softer dusk treatment: cream secondary #FFF8EE forms the lower foreground / fade-to-page area (about 38%); coral red #FF6B4A forms the dusk sunset sky upper band gradient-like layered into bubblegum pink #FF3DA5 (about 30% combined for the sky); bubblegum pink #FF3DA5 forms the silhouette of an empty stage frame (about 12%); electric blue #00B8D9 forms the distant horizon strip (about 7%); vivid yellow #FFD93D punctuates as scattered confetti pieces and a few floating balloons (about 7%); mint green #00C896 appears as small scattered confetti dots and one drifting balloon (about 4%); ink black #1A1A2E forms 2-3px outlines and the empty stage's truss bones (about 2%). Wide horizontal scene at dusk after the festival ended — an empty stage frame silhouette stands center-mid against a layered pink-coral sunset sky, two abandoned balloons drift upward, scattered colorful confetti pieces (yellow, pink, blue, green, red) fall across the foreground, distant blue mountain-horizon. In the upper-third sky area, hand-lettered bold display sans-serif text 'SEE YOU IN SUMMER.' reads clearly in ink-black, with each letter rendered as part of the artwork in a confident expressive style. The lower-third of the canvas fades softly toward cream secondary #FFF8EE so the image can melt into the SVG page background. Scattered minimal Memphis decoration: a small polka cluster lower-right, one zigzag in the sky. NO human figures in this scene — empty stage is the point. The lettering 'SEE YOU IN SUMMER.' must read clearly in bold display sans-serif lettering with heavy expressive strokes. Color values (HEX codes like #FF3DA5) and color names are rendering guidance only — do NOT display HEX codes, color names, or palette labels as visible text. No brand logos or trademarks.
|
||||
|
||||
**Alt Text**:
|
||||
> Memphis-pop dusk scene with empty stage silhouette, sunset sky, scattered confetti, balloons, SEE YOU IN SUMMER lettering
|
||||
|
||||
---
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.0 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 999 KiB |
@@ -0,0 +1 @@
|
||||
欢迎来到 SUGAR RUSH 2026 夏日音乐节年度手册。这不只是一份排期，更像一封写给夏天的情书。接下来七天，我们会在椰岛大草原把全世界的甜，一次性给你。
|
||||
@@ -0,0 +1 @@
|
||||
先说说 SUGAR RUSH 到底是什么。当全世界都在变热，我们决定，让它变甜。这是一场为期七天的音乐狂欢，更是一种态度——把夏天最好的部分，浓缩成一杯滚烫的糖浆。
|
||||
@@ -0,0 +1 @@
|
||||
来看几个关键数字。七天连续狂欢，五个主题舞台，八十组艺人轮番接力，预计五万名观众。最重要的是，每天从下午四点到次日凌晨四点，整整十二个小时不间断的音乐。五个舞台同时进行，跨场地步行最远也只要六百米。
|
||||
@@ -0,0 +1 @@
|
||||
支撑这一切的是三个简单的理念。第一，FREE。我们不设鄙视链，所有风格都是好风格，摇滚乐迷可以爱嘻哈，阵营自由切换。第二，FUN。玩到极致，留下最甜的回忆。第三，FOREVER YOUNG。十八岁也好，八十岁也罢，舞池里没有年纪，心跳的频率才是入场券。
|
||||
@@ -0,0 +1 @@
|
||||
接下来我们要见见这场狂欢的主角。八十组艺人，五个风格阵营，但今晚，只需要找到那一张你忘不掉的脸。
|
||||
@@ -0,0 +1 @@
|
||||
四组头牌艺人，来自完全不同的世界。粉发的 CHERRY BOMB，摇滚主唱，代表作 Pink Static。金色墨镜的 NEON CLOUD，电子 DJ，柏林 Berghain 常驻。薄荷绿衬衫的 MINT FOLK，民谣吉他手，Spotify 月听众四百八十万。鲜黄连帽的 YELLOW HUSTLE，嘻哈 rapper，XXL Freshman 2025。四种声音，四种性格，缺一不可。
|
||||
@@ -0,0 +1 @@
|
||||
把这八十组艺人按风格归位，刚好是四大阵营。摇滚二十五组，主场日七月十九号，整夜不停。电子三十组，七月二十号通宵十二小时。民谣十五组，七月二十一号的黄昏专场。嘻哈十组，七月二十二号的午夜炸场。还有一个隐藏阵营叫 CROSSOVER，我们留到后面揭晓。
|
||||
@@ -0,0 +1 @@
|
||||
现在说说去哪里、什么时候。椰岛大草原，一座为夏天造的城市，一百二十公顷的开阔地，五大舞台环抱中央草坪。从最近的机场开车三十公里，高铁站接驳只要十五分钟。七月十八号到二十四号，整整七天，一直甜到最后一分钟。
|
||||
@@ -0,0 +1 @@
|
||||
五个舞台各有性格。中央 SUGAR DOME 是主舞台，容量三万，承担开闭幕和跨界之夜。粉色 CHERRY STAGE 给摇滚，蓝色 NEON GRID 留给电子，绿色 MINT GROVE 是民谣的低语，黄色 YELLOW BLOCK 是嘻哈的街区。每两个舞台之间步行不超过六百米，三十秒的接驳车随叫随到。
|
||||
@@ -0,0 +1 @@
|
||||
七天日程一张图看完。Day 1 七月十八开幕之夜，由 CHERRY BOMB 点燃。Day 2 摇滚日，Day 3 电子之夜通宵十二小时，Day 4 民谣午后，Day 5 嘻哈午夜。Day 6 七月二十三是跨界之夜，四组头牌同台。Day 7 七月二十四是闭幕大狂欢，SUGAR DOME 之上烟花漫天。每天下午四点入场，五点开演，次日凌晨四点结束。
|
||||
@@ -0,0 +1 @@
|
||||
但 SUGAR RUSH 从来不只是音乐。在七天里，我们准备了至少十种让你感到甜的方式。它们就发生在舞台之外，发生在每一次抬头、每一次拐弯。
|
||||
@@ -0,0 +1 @@
|
||||
两大主线让你停不下来。MARKET 这边，五十多个独立摊位，来自十二个城市的设计师，把限定周边、手作、本地小吃全部摆开。ART INSTALL 那边，十件巨型几何充气雕塑站在草坪上，扫码就能触发 AR 互动，入夜后整片园区变身霓虹艺术园。市集与装置都包含在通票之内，不用额外掏钱。
|
||||
@@ -0,0 +1 @@
|
||||
最后一件正事，票务。早鸟票四百九十九元已经售罄，谢谢你们让我们提前回本。日常档 REGULAR 七百九十九元是主力推荐，含七天通票、一杯指定饮品、免费寄存和接驳。如果你想要更深度的体验，VIP 七天通票一千九百九十九元，限量五百张，包含 VIP 专区、头牌艺人会面和周边礼包。感谢六家品牌赞助商一路相伴。
|
||||
@@ -0,0 +1 @@
|
||||
七天之后，舞台会变空，彩屑会被风吹散，但夏天会留下来。我们在椰岛大草原等你，七月十八号到二十四号。谢谢每一个让夏天变甜的人，下个夏天，照旧。
|
||||
@@ -0,0 +1,81 @@
|
||||
# 01_cover
|
||||
|
||||
欢迎来到 SUGAR RUSH 2026 夏日音乐节年度手册。这不只是一份排期，更像一封写给夏天的情书。接下来七天，我们会在椰岛大草原把全世界的甜，一次性给你。
|
||||
|
||||
---
|
||||
|
||||
# 02_what
|
||||
|
||||
先说说 SUGAR RUSH 到底是什么。当全世界都在变热，我们决定，让它变甜。这是一场为期七天的音乐狂欢，更是一种态度——把夏天最好的部分，浓缩成一杯滚烫的糖浆。
|
||||
|
||||
---
|
||||
|
||||
# 03_numbers
|
||||
|
||||
来看几个关键数字。七天连续狂欢，五个主题舞台，八十组艺人轮番接力，预计五万名观众。最重要的是，每天从下午四点到次日凌晨四点，整整十二个小时不间断的音乐。五个舞台同时进行，跨场地步行最远也只要六百米。
|
||||
|
||||
---
|
||||
|
||||
# 04_principles
|
||||
|
||||
支撑这一切的是三个简单的理念。第一，FREE。我们不设鄙视链，所有风格都是好风格，摇滚乐迷可以爱嘻哈，阵营自由切换。第二，FUN。玩到极致，留下最甜的回忆。第三，FOREVER YOUNG。十八岁也好，八十岁也罢，舞池里没有年纪，心跳的频率才是入场券。
|
||||
|
||||
---
|
||||
|
||||
# 05_who
|
||||
|
||||
接下来我们要见见这场狂欢的主角。八十组艺人，五个风格阵营，但今晚，只需要找到那一张你忘不掉的脸。
|
||||
|
||||
---
|
||||
|
||||
# 06_headliners
|
||||
|
||||
四组头牌艺人，来自完全不同的世界。粉发的 CHERRY BOMB，摇滚主唱，代表作 Pink Static。金色墨镜的 NEON CLOUD，电子 DJ，柏林 Berghain 常驻。薄荷绿衬衫的 MINT FOLK，民谣吉他手，Spotify 月听众四百八十万。鲜黄连帽的 YELLOW HUSTLE，嘻哈 rapper，XXL Freshman 2025。四种声音，四种性格，缺一不可。
|
||||
|
||||
---
|
||||
|
||||
# 07_flavors
|
||||
|
||||
把这八十组艺人按风格归位，刚好是四大阵营。摇滚二十五组，主场日七月十九号，整夜不停。电子三十组，七月二十号通宵十二小时。民谣十五组，七月二十一号的黄昏专场。嘻哈十组，七月二十二号的午夜炸场。还有一个隐藏阵营叫 CROSSOVER，我们留到后面揭晓。
|
||||
|
||||
---
|
||||
|
||||
# 08_where
|
||||
|
||||
现在说说去哪里、什么时候。椰岛大草原，一座为夏天造的城市，一百二十公顷的开阔地，五大舞台环抱中央草坪。从最近的机场开车三十公里，高铁站接驳只要十五分钟。七月十八号到二十四号，整整七天，一直甜到最后一分钟。
|
||||
|
||||
---
|
||||
|
||||
# 09_stages
|
||||
|
||||
五个舞台各有性格。中央 SUGAR DOME 是主舞台，容量三万，承担开闭幕和跨界之夜。粉色 CHERRY STAGE 给摇滚，蓝色 NEON GRID 留给电子，绿色 MINT GROVE 是民谣的低语，黄色 YELLOW BLOCK 是嘻哈的街区。每两个舞台之间步行不超过六百米，三十秒的接驳车随叫随到。
|
||||
|
||||
---
|
||||
|
||||
# 10_schedule
|
||||
|
||||
七天日程一张图看完。Day 1 七月十八开幕之夜，由 CHERRY BOMB 点燃。Day 2 摇滚日，Day 3 电子之夜通宵十二小时，Day 4 民谣午后，Day 5 嘻哈午夜。Day 6 七月二十三是跨界之夜，四组头牌同台。Day 7 七月二十四是闭幕大狂欢，SUGAR DOME 之上烟花漫天。每天下午四点入场，五点开演，次日凌晨四点结束。
|
||||
|
||||
---
|
||||
|
||||
# 11_vibes
|
||||
|
||||
但 SUGAR RUSH 从来不只是音乐。在七天里，我们准备了至少十种让你感到甜的方式。它们就发生在舞台之外，发生在每一次抬头、每一次拐弯。
|
||||
|
||||
---
|
||||
|
||||
# 12_beyond
|
||||
|
||||
两大主线让你停不下来。MARKET 这边，五十多个独立摊位，来自十二个城市的设计师，把限定周边、手作、本地小吃全部摆开。ART INSTALL 那边，十件巨型几何充气雕塑站在草坪上，扫码就能触发 AR 互动，入夜后整片园区变身霓虹艺术园。市集与装置都包含在通票之内，不用额外掏钱。
|
||||
|
||||
---
|
||||
|
||||
# 13_tickets
|
||||
|
||||
最后一件正事，票务。早鸟票四百九十九元已经售罄，谢谢你们让我们提前回本。日常档 REGULAR 七百九十九元是主力推荐，含七天通票、一杯指定饮品、免费寄存和接驳。如果你想要更深度的体验，VIP 七天通票一千九百九十九元，限量五百张，包含 VIP 专区、头牌艺人会面和周边礼包。感谢六家品牌赞助商一路相伴。
|
||||
|
||||
---
|
||||
|
||||
# 14_closing
|
||||
|
||||
七天之后，舞台会变空，彩屑会被风吹散，但夏天会留下来。我们在椰岛大草原等你，七月十八号到二十四号。谢谢每一个让夏天变甜的人，下个夏天，照旧。
|
||||
@@ -0,0 +1,84 @@
|
||||
# Execution Lock
|
||||
|
||||
## canvas
|
||||
- viewBox: 0 0 1280 720
|
||||
- format: PPT 16:9
|
||||
|
||||
## colors
|
||||
- bg: #FFF8EE
|
||||
- bg_secondary: #FFE9C7
|
||||
- primary: #FF3DA5
|
||||
- accent: #00B8D9
|
||||
- secondary_accent: #FFD93D
|
||||
- tertiary_accent: #00C896
|
||||
- quaternary_accent: #FF6B4A
|
||||
- text: #1A1A2E
|
||||
- text_secondary: #5C5C7A
|
||||
- border: #1A1A2E
|
||||
- success: #00C896
|
||||
- warning: #FF6B4A
|
||||
- image_rendering: flat
|
||||
- image_palette: vivid-launch
|
||||
|
||||
## typography
|
||||
- font_family: Arial, "Microsoft YaHei", "PingFang SC", sans-serif
|
||||
- title_family: Impact, "Arial Black", "Microsoft YaHei", sans-serif
|
||||
- body_family: Arial, "Microsoft YaHei", "PingFang SC", sans-serif
|
||||
- emphasis_family: Impact, "Microsoft YaHei", sans-serif
|
||||
- code_family: Consolas, "Courier New", monospace
|
||||
- body: 20
|
||||
- title: 40
|
||||
- subtitle: 30
|
||||
- annotation: 15
|
||||
- cover_title: 96
|
||||
- chapter_hero: 200
|
||||
- chapter_title: 64
|
||||
- hero_number: 140
|
||||
|
||||
## icons
|
||||
- library: chunk-filled
|
||||
- inventory: calendar, music, microphone, users, clock, bolt, heart, star, map-pin, sun, sparkles, headphones, shopping-bag, game-controller, ticket, gift, arrow-right
|
||||
|
||||
## images
|
||||
- cover_bg: images/cover_bg.png
|
||||
- ch1_what: images/ch1_what.png
|
||||
- ch2_who: images/ch2_who.png
|
||||
- headliners: images/headliners.png
|
||||
- ch3_where: images/ch3_where.png
|
||||
- ch4_vibes: images/ch4_vibes.png
|
||||
- market: images/market.png
|
||||
- installation: images/installation.png
|
||||
- closing: images/closing.png
|
||||
|
||||
## page_rhythm
|
||||
- P01: anchor
|
||||
- P02: breathing
|
||||
- P03: dense
|
||||
- P04: dense
|
||||
- P05: breathing
|
||||
- P06: dense
|
||||
- P07: dense
|
||||
- P08: breathing
|
||||
- P09: dense
|
||||
- P10: dense
|
||||
- P11: breathing
|
||||
- P12: dense
|
||||
- P13: dense
|
||||
- P14: anchor
|
||||
|
||||
## page_charts
|
||||
- P03: kpi_cards
|
||||
- P04: vertical_pillars
|
||||
- P06: icon_grid
|
||||
- P07: quadrant_text_bullets
|
||||
- P09: hub_spoke
|
||||
- P10: timeline
|
||||
- P12: comparison_columns
|
||||
- P13: comparison_columns
|
||||
|
||||
## forbidden
|
||||
- Mixing icon libraries
|
||||
- rgba()
|
||||
- `<style>`, `class`, `<foreignObject>`, `textPath`, `@font-face`, `<animate*>`, `<script>`, `<iframe>`, `<symbol>`+`<use>`
|
||||
- `<g opacity>` (set opacity on each child element individually)
|
||||
- HTML named entities in text (` `, `—`, `©`, `–`, `®`, `…`, `•` …) — write as raw Unicode (`—`, `©`, `→`, NBSP, etc.); XML reserved chars `& < > " '` must be escaped as `& < > " '`. See shared-standards.md §1.0
|
||||
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 1.1 MiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 1.2 MiB |
@@ -0,0 +1,101 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
|
||||
|
||||
|
||||
<g id="bg">
|
||||
<rect width="1280" height="720" fill="#FFF8EE" />
|
||||
</g>
|
||||
|
||||
|
||||
<g id="header">
|
||||
<rect x="60" y="55" width="14" height="60" fill="#FF3DA5" />
|
||||
<text x="90" y="95" font-family="Impact, "Arial Black", sans-serif" font-size="48" font-weight="900" fill="#1A1A2E" letter-spacing="1">BY THE NUMBERS</text>
|
||||
<text x="90" y="125" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="18" font-weight="700" fill="#5C5C7A" letter-spacing="3">SUGAR RUSH 2026 · KEY FACTS</text>
|
||||
</g>
|
||||
|
||||
|
||||
<g id="kpi-days">
|
||||
<path fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4" d="M74,175 H336 A14,14 0 0 1 350,189 V401 A14,14 0 0 1 336,415 H74 A14,14 0 0 1 60,401 V189 A14,14 0 0 1 74,175 Z" />
|
||||
|
||||
<path d="M 64 175 h 282 a 10 10 0 0 1 4 4 v 56 h -290 v -56 a 10 10 0 0 1 4 -4 Z" fill="#FF3DA5" />
|
||||
|
||||
<g transform="translate(76.0, 186.0) scale(2.5)" fill="#1A1A2E">
|
||||
<path d="M6 0H3V2H1V5H15V2H13V0H10V2H6V0Z" />
|
||||
<path d="M15 7H1V15H15V7Z" />
|
||||
</g>
|
||||
<text x="128" y="215" font-family="Impact, "Arial Black", sans-serif" font-size="22" font-weight="900" fill="#1A1A2E" letter-spacing="2">DAYS</text>
|
||||
|
||||
<text x="205" y="340" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="140" font-weight="900" fill="#1A1A2E" letter-spacing="-2">7</text>
|
||||
<text x="205" y="385" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#5C5C7A">连续狂欢 / NON-STOP</text>
|
||||
|
||||
<circle cx="280" cy="280" r="6" fill="#FFD93D" stroke="#1A1A2E" stroke-width="2" />
|
||||
<circle cx="305" cy="260" r="4" fill="#00B8D9" stroke="#1A1A2E" stroke-width="2" />
|
||||
</g>
|
||||
|
||||
|
||||
<g id="kpi-stages">
|
||||
<path fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4" d="M379,175 H641 A14,14 0 0 1 655,189 V401 A14,14 0 0 1 641,415 H379 A14,14 0 0 1 365,401 V189 A14,14 0 0 1 379,175 Z" />
|
||||
<path d="M 369 175 h 282 a 10 10 0 0 1 4 4 v 56 h -290 v -56 a 10 10 0 0 1 4 -4 Z" fill="#00B8D9" />
|
||||
|
||||
<g transform="translate(381.0, 186.0) scale(2.5)" fill="#1A1A2E">
|
||||
<path d="M15 1H4V9H3C1.34315 9 0 10.3431 0 12C0 13.6569 1.34315 15 3 15C4.65685 15 6 13.6569 6 12V5H13V9H12C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15C13.6569 15 15 13.6569 15 12V1Z" />
|
||||
</g>
|
||||
<text x="433" y="215" font-family="Impact, "Arial Black", sans-serif" font-size="22" font-weight="900" fill="#1A1A2E" letter-spacing="2">STAGES</text>
|
||||
<text x="510" y="340" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="140" font-weight="900" fill="#1A1A2E" letter-spacing="-2">5</text>
|
||||
<text x="510" y="385" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#5C5C7A">主题舞台 / THEMED</text>
|
||||
|
||||
<path d="M 580 270 Q 595 260 610 270 T 640 270" stroke="#FF3DA5" stroke-width="3" fill="none" stroke-linecap="round" />
|
||||
</g>
|
||||
|
||||
|
||||
<g id="kpi-artists">
|
||||
<path fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4" d="M684,175 H946 A14,14 0 0 1 960,189 V401 A14,14 0 0 1 946,415 H684 A14,14 0 0 1 670,401 V189 A14,14 0 0 1 684,175 Z" />
|
||||
<path d="M 674 175 h 282 a 10 10 0 0 1 4 4 v 56 h -290 v -56 a 10 10 0 0 1 4 -4 Z" fill="#FFD93D" />
|
||||
|
||||
<g transform="translate(686.0, 186.0) scale(2.5)" fill="#1A1A2E">
|
||||
<path d="M5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V7C11 8.65685 9.65685 10 8 10C6.34315 10 5 8.65685 5 7V3Z" />
|
||||
<path d="M9 13.9291V16H7V13.9291C3.60771 13.4439 1 10.5265 1 7V6H3V7C3 9.76142 5.23858 12 8 12C10.7614 12 13 9.76142 13 7V6H15V7C15 10.5265 12.3923 13.4439 9 13.9291Z" />
|
||||
</g>
|
||||
<text x="738" y="215" font-family="Impact, "Arial Black", sans-serif" font-size="22" font-weight="900" fill="#1A1A2E" letter-spacing="2">ARTISTS</text>
|
||||
<text x="815" y="340" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="140" font-weight="900" fill="#1A1A2E" letter-spacing="-4">80</text>
|
||||
<text x="815" y="385" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#5C5C7A">组艺人 / ACTS</text>
|
||||
|
||||
<polygon points="920,260 940,290 900,290" fill="#FF6B4A" stroke="#1A1A2E" stroke-width="2" />
|
||||
</g>
|
||||
|
||||
|
||||
<g id="kpi-fans">
|
||||
<path fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4" d="M989,175 H1206 A14,14 0 0 1 1220,189 V401 A14,14 0 0 1 1206,415 H989 A14,14 0 0 1 975,401 V189 A14,14 0 0 1 989,175 Z" />
|
||||
<path d="M 979 175 h 237 a 10 10 0 0 1 4 4 v 56 h -245 v -56 a 10 10 0 0 1 4 -4 Z" fill="#00C896" />
|
||||
|
||||
<g transform="translate(991.0, 186.0) scale(2.5)" fill="#1A1A2E">
|
||||
<path d="M8 3.5C8 4.88071 6.88071 6 5.5 6C4.11929 6 3 4.88071 3 3.5C3 2.11929 4.11929 1 5.5 1C6.88071 1 8 2.11929 8 3.5Z" />
|
||||
<path d="M3 8C1.34315 8 0 9.34315 0 11V15H8V8H3Z" />
|
||||
<path d="M13 8H10V15H16V11C16 9.34315 14.6569 8 13 8Z" />
|
||||
<path d="M12 6C13.1046 6 14 5.10457 14 4C14 2.89543 13.1046 2 12 2C10.8954 2 10 2.89543 10 4C10 5.10457 10.8954 6 12 6Z" />
|
||||
</g>
|
||||
<text x="1043" y="215" font-family="Impact, "Arial Black", sans-serif" font-size="22" font-weight="900" fill="#1A1A2E" letter-spacing="2">FANS</text>
|
||||
<text x="1097" y="340" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="100" font-weight="900" fill="#1A1A2E" letter-spacing="-3">50K</text>
|
||||
<text x="1097" y="385" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#5C5C7A">预期观众 / EXPECTED</text>
|
||||
<circle cx="1180" cy="270" r="6" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="2" />
|
||||
</g>
|
||||
|
||||
|
||||
<g id="fun-band">
|
||||
<path fill="#1A1A2E" d="M74,455 H1206 A14,14 0 0 1 1220,469 V621 A14,14 0 0 1 1206,635 H74 A14,14 0 0 1 60,621 V469 A14,14 0 0 1 74,455 Z" />
|
||||
<text x="100" y="510" font-family="Impact, "Arial Black", sans-serif" font-size="32" font-weight="900" fill="#FFD93D" letter-spacing="2">≈ 12 HOURS OF MUSIC EVERY DAY</text>
|
||||
<text x="100" y="555" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="20" font-weight="700" fill="#FFF8EE">从下午 4 点到次日凌晨 4 点，连续 12 个小时不间断</text>
|
||||
<text x="100" y="600" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="600" fill="#FFF8EE" fill-opacity="0.85">5 个舞台轮番接力 · 同时段最多 3 个演出 · 跨场地步行最远 600 米</text>
|
||||
|
||||
<circle cx="1080" cy="540" r="50" fill="#FF3DA5" stroke="#FFF8EE" stroke-width="4" />
|
||||
<text x="1080" y="551" text-anchor="middle" font-family="Impact, sans-serif" font-size="34" font-weight="900" fill="#FFF8EE" letter-spacing="0">12</text>
|
||||
<text x="1080" y="573" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" font-weight="700" fill="#FFF8EE" letter-spacing="2">HOURS</text>
|
||||
|
||||
<path d="M 1150 510 L 1170 490 L 1170 510 L 1190 490" stroke="#00C896" stroke-width="4" fill="none" stroke-linecap="round" />
|
||||
</g>
|
||||
|
||||
|
||||
<g id="footer">
|
||||
<text x="60" y="700" font-family="Arial, sans-serif" font-size="12" font-weight="600" fill="#5C5C7A">数据基于 2026 排期预测 · Source: SUGAR RUSH 组委会</text>
|
||||
<text x="1220" y="700" text-anchor="end" font-family="Impact, sans-serif" font-size="14" font-weight="900" fill="#1A1A2E" letter-spacing="3">03 / 14</text>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 7.4 KiB |
@@ -0,0 +1,99 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
|
||||
|
||||
|
||||
<g id="bg">
|
||||
<rect width="1280" height="720" fill="#FFF8EE" />
|
||||
</g>
|
||||
|
||||
|
||||
<g id="header">
|
||||
<rect x="60" y="55" width="14" height="60" fill="#00B8D9" />
|
||||
<text x="90" y="95" font-family="Impact, "Arial Black", sans-serif" font-size="48" font-weight="900" fill="#1A1A2E" letter-spacing="1">WHAT WE STAND FOR</text>
|
||||
<text x="90" y="125" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="18" font-weight="700" fill="#5C5C7A" letter-spacing="3">三大理念 · THREE PRINCIPLES</text>
|
||||
|
||||
<circle cx="1150" cy="80" r="14" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="3" />
|
||||
<circle cx="1185" cy="100" r="8" fill="#FFD93D" stroke="#1A1A2E" stroke-width="2" />
|
||||
<circle cx="1215" cy="75" r="6" fill="#00C896" stroke="#1A1A2E" stroke-width="2" />
|
||||
</g>
|
||||
|
||||
|
||||
<g id="pillar-free">
|
||||
<path fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4" d="M94,180 H436 A14,14 0 0 1 450,194 V636 A14,14 0 0 1 436,650 H94 A14,14 0 0 1 80,636 V194 A14,14 0 0 1 94,180 Z" />
|
||||
|
||||
<path d="M 84 180 h 362 a 10 10 0 0 1 4 4 v 130 h -370 v -130 a 10 10 0 0 1 4 -4 Z" fill="#FF3DA5" />
|
||||
|
||||
<text x="265" y="270" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="100" font-weight="900" fill="#1A1A2E" letter-spacing="-2">01</text>
|
||||
<text x="265" y="300" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="24" font-weight="900" fill="#1A1A2E" letter-spacing="6">FREE</text>
|
||||
|
||||
|
||||
<g transform="translate(237.0, 360.0) scale(3.5)" fill="#FF3DA5">
|
||||
<path d="M9 7L10 0H8L2 7V9H7L6 16H8L14 9L14 7H9Z" />
|
||||
</g>
|
||||
|
||||
<text x="265" y="450" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="22" font-weight="900" fill="#1A1A2E" letter-spacing="2">不设鄙视链</text>
|
||||
|
||||
<line x1="120" y1="475" x2="410" y2="475" stroke="#1A1A2E" stroke-width="2" />
|
||||
<circle cx="120" cy="510" r="5" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="2" />
|
||||
<text x="138" y="515" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">所有风格都是好风格</text>
|
||||
<circle cx="120" cy="550" r="5" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="2" />
|
||||
<text x="138" y="555" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">摇滚乐迷可以爱嘻哈</text>
|
||||
<circle cx="120" cy="590" r="5" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="2" />
|
||||
<text x="138" y="595" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">阵营自由切换，从不审判</text>
|
||||
<circle cx="120" cy="630" r="5" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="2" />
|
||||
<text x="138" y="635" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">音乐之外的事情，先放下</text>
|
||||
</g>
|
||||
|
||||
|
||||
<g id="pillar-fun">
|
||||
<path fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4" d="M489,180 H831 A14,14 0 0 1 845,194 V636 A14,14 0 0 1 831,650 H489 A14,14 0 0 1 475,636 V194 A14,14 0 0 1 489,180 Z" />
|
||||
<path d="M 479 180 h 362 a 10 10 0 0 1 4 4 v 130 h -370 v -130 a 10 10 0 0 1 4 -4 Z" fill="#FFD93D" />
|
||||
<text x="660" y="270" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="100" font-weight="900" fill="#1A1A2E" letter-spacing="-2">02</text>
|
||||
<text x="660" y="300" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="24" font-weight="900" fill="#1A1A2E" letter-spacing="6">FUN</text>
|
||||
|
||||
<g transform="translate(632.0, 360.0) scale(3.5)" fill="#FFD93D">
|
||||
<path d="M8 3L10.5 2.5L11 0H12L12.5 2.5L15 3V4L12.5 4.5L12 7H11L10.5 4.5L8 4V3Z" />
|
||||
<path d="M0 11V10L4 9L5 5H6L7 9L11 10V11L7 12L6 16H5L4 12L0 11Z" />
|
||||
<path d="M1 2L2.5 0.5L4 2L2.5 3.5L1 2Z" />
|
||||
<path d="M15 14L13 12L11 14L13 16L15 14Z" />
|
||||
<path d="M15 10C15.5523 10 16 9.55229 16 9C16 8.44771 15.5523 8 15 8C14.4477 8 14 8.44771 14 9C14 9.55229 14.4477 10 15 10Z" />
|
||||
</g>
|
||||
<text x="660" y="450" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="22" font-weight="900" fill="#1A1A2E" letter-spacing="2">玩到极致</text>
|
||||
<line x1="515" y1="475" x2="805" y2="475" stroke="#1A1A2E" stroke-width="2" />
|
||||
<circle cx="515" cy="510" r="5" fill="#FFD93D" stroke="#1A1A2E" stroke-width="2" />
|
||||
<text x="533" y="515" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">留下最甜的回忆</text>
|
||||
<circle cx="515" cy="550" r="5" fill="#FFD93D" stroke="#1A1A2E" stroke-width="2" />
|
||||
<text x="533" y="555" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">10 件巨型互动艺术装置</text>
|
||||
<circle cx="515" cy="590" r="5" fill="#FFD93D" stroke="#1A1A2E" stroke-width="2" />
|
||||
<text x="533" y="595" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">50+ 摊位市集与限定周边</text>
|
||||
<circle cx="515" cy="630" r="5" fill="#FFD93D" stroke="#1A1A2E" stroke-width="2" />
|
||||
<text x="533" y="635" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">把孩子内心还给你 7 天</text>
|
||||
</g>
|
||||
|
||||
|
||||
<g id="pillar-forever-young">
|
||||
<path fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4" d="M884,180 H1226 A14,14 0 0 1 1240,194 V636 A14,14 0 0 1 1226,650 H884 A14,14 0 0 1 870,636 V194 A14,14 0 0 1 884,180 Z" />
|
||||
<path d="M 874 180 h 362 a 10 10 0 0 1 4 4 v 130 h -370 v -130 a 10 10 0 0 1 4 -4 Z" fill="#00C896" />
|
||||
<text x="1055" y="270" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="100" font-weight="900" fill="#1A1A2E" letter-spacing="-2">03</text>
|
||||
<text x="1055" y="300" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="20" font-weight="900" fill="#1A1A2E" letter-spacing="3">FOREVER YOUNG</text>
|
||||
|
||||
<g transform="translate(1027.0, 360.0) scale(3.5)" fill="#00C896">
|
||||
<path d="M1.24264 8.24264L8 15L14.7574 8.24264C15.553 7.44699 16 6.36786 16 5.24264V5.05234C16 2.8143 14.1857 1 11.9477 1C10.7166 1 9.55233 1.55959 8.78331 2.52086L8 3.5L7.21669 2.52086C6.44767 1.55959 5.28338 1 4.05234 1C1.8143 1 0 2.8143 0 5.05234V5.24264C0 6.36786 0.44699 7.44699 1.24264 8.24264Z" />
|
||||
</g>
|
||||
<text x="1055" y="450" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="22" font-weight="900" fill="#1A1A2E" letter-spacing="2">舞池里没有年纪</text>
|
||||
<line x1="910" y1="475" x2="1200" y2="475" stroke="#1A1A2E" stroke-width="2" />
|
||||
<circle cx="910" cy="510" r="5" fill="#00C896" stroke="#1A1A2E" stroke-width="2" />
|
||||
<text x="928" y="515" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">18 岁也好，80 岁也罢</text>
|
||||
<circle cx="910" cy="550" r="5" fill="#00C896" stroke="#1A1A2E" stroke-width="2" />
|
||||
<text x="928" y="555" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">银发族专属休息岛</text>
|
||||
<circle cx="910" cy="590" r="5" fill="#00C896" stroke="#1A1A2E" stroke-width="2" />
|
||||
<text x="928" y="595" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">12 岁以下家庭票同价</text>
|
||||
<circle cx="910" cy="630" r="5" fill="#00C896" stroke="#1A1A2E" stroke-width="2" />
|
||||
<text x="928" y="635" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">心跳的频率才是入场券</text>
|
||||
</g>
|
||||
|
||||
|
||||
<g id="footer">
|
||||
<text x="60" y="700" font-family="Arial, sans-serif" font-size="12" font-weight="600" fill="#5C5C7A">SUGAR RUSH 价值观 · 自 2018 年沿用至今</text>
|
||||
<text x="1220" y="700" text-anchor="end" font-family="Impact, sans-serif" font-size="14" font-weight="900" fill="#1A1A2E" letter-spacing="3">04 / 14</text>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 8.1 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 913 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 639 KiB |
@@ -0,0 +1,114 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
|
||||
|
||||
|
||||
<g id="bg">
|
||||
<rect width="1280" height="720" fill="#FFF8EE" />
|
||||
</g>
|
||||
|
||||
|
||||
<g id="header">
|
||||
<rect x="60" y="55" width="14" height="60" fill="#00C896" />
|
||||
<text x="90" y="95" font-family="Impact, "Arial Black", sans-serif" font-size="48" font-weight="900" fill="#1A1A2E" letter-spacing="1">FOUR FLAVORS, ONE FESTIVAL</text>
|
||||
<text x="90" y="125" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="18" font-weight="700" fill="#5C5C7A" letter-spacing="3">四大风格阵营 · TASTE YOUR OWN</text>
|
||||
|
||||
<g transform="translate(1140, 60)">
|
||||
<rect x="0" y="0" width="26" height="26" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="2" />
|
||||
<rect x="28" y="0" width="26" height="26" fill="#00B8D9" stroke="#1A1A2E" stroke-width="2" />
|
||||
<rect x="0" y="28" width="26" height="26" fill="#00C896" stroke="#1A1A2E" stroke-width="2" />
|
||||
<rect x="28" y="28" width="26" height="26" fill="#FFD93D" stroke="#1A1A2E" stroke-width="2" />
|
||||
</g>
|
||||
</g>
|
||||
|
||||
|
||||
<g id="q-rock">
|
||||
<path fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4" d="M74,170 H631 A14,14 0 0 1 645,184 V396 A14,14 0 0 1 631,410 H74 A14,14 0 0 1 60,396 V184 A14,14 0 0 1 74,170 Z" />
|
||||
|
||||
<path d="M 64 170 h 577 a 10 10 0 0 1 4 4 v 56 h -585 v -56 a 10 10 0 0 1 4 -4 Z" fill="#FF3DA5" />
|
||||
|
||||
<g transform="translate(76.0, 180.0) scale(2.25)" fill="#1A1A2E">
|
||||
<path d="M9 7L10 0H8L2 7V9H7L6 16H8L14 9L14 7H9Z" />
|
||||
</g>
|
||||
<text x="122" y="208" font-family="Impact, "Arial Black", sans-serif" font-size="28" font-weight="900" fill="#1A1A2E" letter-spacing="2">ROCK · 摇滚</text>
|
||||
|
||||
<path fill="#FFF8EE" stroke="#1A1A2E" stroke-width="2" d="M504,184 H616 A14,14 0 0 1 630,198 V198 A14,14 0 0 1 616,212 H504 A14,14 0 0 1 490,198 V198 A14,14 0 0 1 504,184 Z" />
|
||||
<text x="560" y="203" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#FF3DA5" letter-spacing="2">25 组艺人</text>
|
||||
|
||||
<circle cx="86" cy="270" r="6" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="2" />
|
||||
<text x="106" y="276" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">关键词: <tspan fill="#FF3DA5" font-weight="900">噪音 · 燃 · 释放</tspan></text>
|
||||
<circle cx="86" cy="306" r="6" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="2" />
|
||||
<text x="106" y="312" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">舞台: CHERRY STAGE · 容量 5000</text>
|
||||
<circle cx="86" cy="342" r="6" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="2" />
|
||||
<text x="106" y="348" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">主场日: <tspan fill="#FF3DA5" font-weight="900">Day 2 · 7.19</tspan> 整夜不停</text>
|
||||
<circle cx="86" cy="378" r="6" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="2" />
|
||||
<text x="106" y="384" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">头牌: CHERRY BOMB + 24 组独立乐队</text>
|
||||
</g>
|
||||
|
||||
|
||||
<g id="q-electro">
|
||||
<path fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4" d="M674,170 H1206 A14,14 0 0 1 1220,184 V396 A14,14 0 0 1 1206,410 H674 A14,14 0 0 1 660,396 V184 A14,14 0 0 1 674,170 Z" />
|
||||
<path d="M 664 170 h 552 a 10 10 0 0 1 4 4 v 56 h -560 v -56 a 10 10 0 0 1 4 -4 Z" fill="#00B8D9" />
|
||||
|
||||
<g transform="translate(676.0, 180.0) scale(2.25)" fill="#1A1A2E">
|
||||
<path d="M3 7C3 4.23858 5.23858 2 8 2C10.7614 2 13 4.23858 13 7V8H10V15H12C13.6569 15 15 13.6569 15 12V7C15 3.13401 11.866 0 8 0C4.13401 0 1 3.13401 1 7V12C1 13.6569 2.34315 15 4 15H6V8H3V7Z" />
|
||||
</g>
|
||||
<text x="722" y="208" font-family="Impact, "Arial Black", sans-serif" font-size="28" font-weight="900" fill="#1A1A2E" letter-spacing="2">ELECTRO · 电子</text>
|
||||
<path fill="#FFF8EE" stroke="#1A1A2E" stroke-width="2" d="M1079,184 H1191 A14,14 0 0 1 1205,198 V198 A14,14 0 0 1 1191,212 H1079 A14,14 0 0 1 1065,198 V198 A14,14 0 0 1 1079,184 Z" />
|
||||
<text x="1135" y="203" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#00B8D9" letter-spacing="2">30 组艺人</text>
|
||||
<circle cx="686" cy="270" r="6" fill="#00B8D9" stroke="#1A1A2E" stroke-width="2" />
|
||||
<text x="706" y="276" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">关键词: <tspan fill="#00B8D9" font-weight="900">律动 · 深夜 · 迷幻</tspan></text>
|
||||
<circle cx="686" cy="306" r="6" fill="#00B8D9" stroke="#1A1A2E" stroke-width="2" />
|
||||
<text x="706" y="312" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">舞台: NEON GRID · 容量 5000</text>
|
||||
<circle cx="686" cy="342" r="6" fill="#00B8D9" stroke="#1A1A2E" stroke-width="2" />
|
||||
<text x="706" y="348" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">主场日: <tspan fill="#00B8D9" font-weight="900">Day 3 · 7.20</tspan> 通宵 12h</text>
|
||||
<circle cx="686" cy="378" r="6" fill="#00B8D9" stroke="#1A1A2E" stroke-width="2" />
|
||||
<text x="706" y="384" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">头牌: NEON CLOUD + 29 组国际 DJ</text>
|
||||
</g>
|
||||
|
||||
|
||||
<g id="q-folk">
|
||||
<path fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4" d="M74,430 H631 A14,14 0 0 1 645,444 V656 A14,14 0 0 1 631,670 H74 A14,14 0 0 1 60,656 V444 A14,14 0 0 1 74,430 Z" />
|
||||
<path d="M 64 430 h 577 a 10 10 0 0 1 4 4 v 56 h -585 v -56 a 10 10 0 0 1 4 -4 Z" fill="#00C896" />
|
||||
|
||||
<g transform="translate(76.0, 440.0) scale(2.25)" fill="#1A1A2E">
|
||||
<path d="M1.24264 8.24264L8 15L14.7574 8.24264C15.553 7.44699 16 6.36786 16 5.24264V5.05234C16 2.8143 14.1857 1 11.9477 1C10.7166 1 9.55233 1.55959 8.78331 2.52086L8 3.5L7.21669 2.52086C6.44767 1.55959 5.28338 1 4.05234 1C1.8143 1 0 2.8143 0 5.05234V5.24264C0 6.36786 0.44699 7.44699 1.24264 8.24264Z" />
|
||||
</g>
|
||||
<text x="122" y="468" font-family="Impact, "Arial Black", sans-serif" font-size="28" font-weight="900" fill="#1A1A2E" letter-spacing="2">FOLK · 民谣</text>
|
||||
<path fill="#FFF8EE" stroke="#1A1A2E" stroke-width="2" d="M504,444 H616 A14,14 0 0 1 630,458 V458 A14,14 0 0 1 616,472 H504 A14,14 0 0 1 490,458 V458 A14,14 0 0 1 504,444 Z" />
|
||||
<text x="560" y="463" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#00C896" letter-spacing="2">15 组艺人</text>
|
||||
<circle cx="86" cy="530" r="6" fill="#00C896" stroke="#1A1A2E" stroke-width="2" />
|
||||
<text x="106" y="536" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">关键词: <tspan fill="#00C896" font-weight="900">故事 · 慢 · 温度</tspan></text>
|
||||
<circle cx="86" cy="566" r="6" fill="#00C896" stroke="#1A1A2E" stroke-width="2" />
|
||||
<text x="106" y="572" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">舞台: MINT GROVE · 容量 3000</text>
|
||||
<circle cx="86" cy="602" r="6" fill="#00C896" stroke="#1A1A2E" stroke-width="2" />
|
||||
<text x="106" y="608" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">主场日: <tspan fill="#00C896" font-weight="900">Day 4 · 7.21</tspan> 黄昏专场</text>
|
||||
<circle cx="86" cy="638" r="6" fill="#00C896" stroke="#1A1A2E" stroke-width="2" />
|
||||
<text x="106" y="644" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">头牌: MINT FOLK + 14 组创作人</text>
|
||||
</g>
|
||||
|
||||
|
||||
<g id="q-hiphop">
|
||||
<path fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4" d="M674,430 H1206 A14,14 0 0 1 1220,444 V656 A14,14 0 0 1 1206,670 H674 A14,14 0 0 1 660,656 V444 A14,14 0 0 1 674,430 Z" />
|
||||
<path d="M 664 430 h 552 a 10 10 0 0 1 4 4 v 56 h -560 v -56 a 10 10 0 0 1 4 -4 Z" fill="#FFD93D" />
|
||||
|
||||
<g transform="translate(676.0, 440.0) scale(2.25)" fill="#1A1A2E">
|
||||
<path d="M15 1H4V9H3C1.34315 9 0 10.3431 0 12C0 13.6569 1.34315 15 3 15C4.65685 15 6 13.6569 6 12V5H13V9H12C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15C13.6569 15 15 13.6569 15 12V1Z" />
|
||||
</g>
|
||||
<text x="722" y="468" font-family="Impact, "Arial Black", sans-serif" font-size="28" font-weight="900" fill="#1A1A2E" letter-spacing="2">HIPHOP · 嘻哈</text>
|
||||
<path fill="#FFF8EE" stroke="#1A1A2E" stroke-width="2" d="M1079,444 H1191 A14,14 0 0 1 1205,458 V458 A14,14 0 0 1 1191,472 H1079 A14,14 0 0 1 1065,458 V458 A14,14 0 0 1 1079,444 Z" />
|
||||
<text x="1135" y="463" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#FF6B4A" letter-spacing="2">10 组艺人</text>
|
||||
<circle cx="686" cy="530" r="6" fill="#FFD93D" stroke="#1A1A2E" stroke-width="2" />
|
||||
<text x="706" y="536" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">关键词: <tspan fill="#FF6B4A" font-weight="900">街头 · 节拍 · 态度</tspan></text>
|
||||
<circle cx="686" cy="566" r="6" fill="#FFD93D" stroke="#1A1A2E" stroke-width="2" />
|
||||
<text x="706" y="572" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">舞台: YELLOW BLOCK · 容量 7000</text>
|
||||
<circle cx="686" cy="602" r="6" fill="#FFD93D" stroke="#1A1A2E" stroke-width="2" />
|
||||
<text x="706" y="608" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">主场日: <tspan fill="#FF6B4A" font-weight="900">Day 5 · 7.22</tspan> 午夜炸场</text>
|
||||
<circle cx="686" cy="638" r="6" fill="#FFD93D" stroke="#1A1A2E" stroke-width="2" />
|
||||
<text x="706" y="644" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">头牌: YELLOW HUSTLE + 9 组 rapper</text>
|
||||
</g>
|
||||
|
||||
|
||||
<g id="footer">
|
||||
<text x="60" y="700" font-family="Arial, sans-serif" font-size="12" font-weight="600" fill="#5C5C7A">第五阵营 CROSSOVER · 见 Day 6 · 7.23 跨界之夜</text>
|
||||
<text x="1220" y="700" text-anchor="end" font-family="Impact, sans-serif" font-size="14" font-weight="900" fill="#1A1A2E" letter-spacing="3">07 / 14</text>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 10 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 1.2 MiB |
@@ -0,0 +1,113 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
|
||||
|
||||
|
||||
<g id="bg">
|
||||
<rect width="1280" height="720" fill="#FFF8EE" />
|
||||
</g>
|
||||
|
||||
|
||||
<g id="header">
|
||||
<rect x="60" y="55" width="14" height="60" fill="#FFD93D" />
|
||||
<text x="90" y="95" font-family="Impact, "Arial Black", sans-serif" font-size="48" font-weight="900" fill="#1A1A2E" letter-spacing="1">5 STAGES, ONE WORLD</text>
|
||||
<text x="90" y="125" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="18" font-weight="700" fill="#5C5C7A" letter-spacing="3">中央 SUGAR DOME · 四个分舞台辐射</text>
|
||||
</g>
|
||||
|
||||
|
||||
<g id="bg-rings">
|
||||
<circle cx="640" cy="420" r="280" fill="none" stroke="#1A1A2E" stroke-width="1.5" stroke-dasharray="3,8" opacity="0.25" />
|
||||
<circle cx="640" cy="420" r="180" fill="none" stroke="#1A1A2E" stroke-width="1.5" stroke-dasharray="3,8" opacity="0.35" />
|
||||
</g>
|
||||
|
||||
|
||||
<g id="spokes">
|
||||
<line x1="640" y1="420" x2="280" y2="280" stroke="#FF3DA5" stroke-width="3" stroke-dasharray="6,6" />
|
||||
<line x1="640" y1="420" x2="1000" y2="280" stroke="#00B8D9" stroke-width="3" stroke-dasharray="6,6" />
|
||||
<line x1="640" y1="420" x2="280" y2="560" stroke="#00C896" stroke-width="3" stroke-dasharray="6,6" />
|
||||
<line x1="640" y1="420" x2="1000" y2="560" stroke="#FFD93D" stroke-width="3" stroke-dasharray="6,6" />
|
||||
</g>
|
||||
|
||||
|
||||
<g id="hub-center">
|
||||
|
||||
<circle cx="640" cy="420" r="110" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="5" />
|
||||
|
||||
<circle cx="640" cy="420" r="90" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="3" />
|
||||
|
||||
<g transform="translate(616.0, 358.0) scale(3.0)" fill="#FF3DA5">
|
||||
<path d="M15 1H4V9H3C1.34315 9 0 10.3431 0 12C0 13.6569 1.34315 15 3 15C4.65685 15 6 13.6569 6 12V5H13V9H12C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15C13.6569 15 15 13.6569 15 12V1Z" />
|
||||
</g>
|
||||
<text x="640" y="430" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="26" font-weight="900" fill="#1A1A2E" letter-spacing="1">SUGAR</text>
|
||||
<text x="640" y="460" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="26" font-weight="900" fill="#1A1A2E" letter-spacing="1">DOME</text>
|
||||
<text x="640" y="488" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="12" font-weight="800" fill="#FF3DA5" letter-spacing="2">主舞台 · 30000</text>
|
||||
</g>
|
||||
|
||||
|
||||
<g id="spoke-cherry">
|
||||
<path fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4" d="M114,200 H366 A14,14 0 0 1 380,214 V306 A14,14 0 0 1 366,320 H114 A14,14 0 0 1 100,306 V214 A14,14 0 0 1 114,200 Z" />
|
||||
<rect x="100" y="200" width="280" height="34" fill="#FF3DA5" />
|
||||
<text x="240" y="223" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="16" font-weight="900" fill="#1A1A2E" letter-spacing="3">CHERRY STAGE · 摇滚</text>
|
||||
|
||||
<g transform="translate(120.0, 248.0) scale(2.0)" fill="#FF3DA5">
|
||||
<path d="M9 7L10 0H8L2 7V9H7L6 16H8L14 9L14 7H9Z" />
|
||||
</g>
|
||||
<text x="160" y="270" font-family="Impact, sans-serif" font-size="32" font-weight="900" fill="#1A1A2E" letter-spacing="-1">5,000</text>
|
||||
<text x="160" y="290" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" font-weight="700" fill="#5C5C7A">观众容量 · 西北区</text>
|
||||
<text x="160" y="308" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="12" font-weight="600" fill="#5C5C7A">Day 2 主场 · 全程户外</text>
|
||||
</g>
|
||||
|
||||
|
||||
<g id="spoke-neon">
|
||||
<path fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4" d="M914,200 H1166 A14,14 0 0 1 1180,214 V306 A14,14 0 0 1 1166,320 H914 A14,14 0 0 1 900,306 V214 A14,14 0 0 1 914,200 Z" />
|
||||
<rect x="900" y="200" width="280" height="34" fill="#00B8D9" />
|
||||
<text x="1040" y="223" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="16" font-weight="900" fill="#1A1A2E" letter-spacing="3">NEON GRID · 电子</text>
|
||||
|
||||
<g transform="translate(920.0, 248.0) scale(2.0)" fill="#00B8D9">
|
||||
<path d="M3 7C3 4.23858 5.23858 2 8 2C10.7614 2 13 4.23858 13 7V8H10V15H12C13.6569 15 15 13.6569 15 12V7C15 3.13401 11.866 0 8 0C4.13401 0 1 3.13401 1 7V12C1 13.6569 2.34315 15 4 15H6V8H3V7Z" />
|
||||
</g>
|
||||
<text x="960" y="270" font-family="Impact, sans-serif" font-size="32" font-weight="900" fill="#1A1A2E" letter-spacing="-1">5,000</text>
|
||||
<text x="960" y="290" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" font-weight="700" fill="#5C5C7A">观众容量 · 东北区</text>
|
||||
<text x="960" y="308" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="12" font-weight="600" fill="#5C5C7A">Day 3 主场 · 半室内棚</text>
|
||||
</g>
|
||||
|
||||
|
||||
<g id="spoke-mint">
|
||||
<path fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4" d="M114,540 H366 A14,14 0 0 1 380,554 V646 A14,14 0 0 1 366,660 H114 A14,14 0 0 1 100,646 V554 A14,14 0 0 1 114,540 Z" />
|
||||
<rect x="100" y="540" width="280" height="34" fill="#00C896" />
|
||||
<text x="240" y="563" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="16" font-weight="900" fill="#1A1A2E" letter-spacing="3">MINT GROVE · 民谣</text>
|
||||
|
||||
<g transform="translate(120.0, 588.0) scale(2.0)" fill="#00C896">
|
||||
<path d="M1.24264 8.24264L8 15L14.7574 8.24264C15.553 7.44699 16 6.36786 16 5.24264V5.05234C16 2.8143 14.1857 1 11.9477 1C10.7166 1 9.55233 1.55959 8.78331 2.52086L8 3.5L7.21669 2.52086C6.44767 1.55959 5.28338 1 4.05234 1C1.8143 1 0 2.8143 0 5.05234V5.24264C0 6.36786 0.44699 7.44699 1.24264 8.24264Z" />
|
||||
</g>
|
||||
<text x="160" y="610" font-family="Impact, sans-serif" font-size="32" font-weight="900" fill="#1A1A2E" letter-spacing="-1">3,000</text>
|
||||
<text x="160" y="630" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" font-weight="700" fill="#5C5C7A">观众容量 · 西南区</text>
|
||||
<text x="160" y="648" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="12" font-weight="600" fill="#5C5C7A">Day 4 主场 · 椰林环抱</text>
|
||||
</g>
|
||||
|
||||
|
||||
<g id="spoke-yellow">
|
||||
<path fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4" d="M914,540 H1166 A14,14 0 0 1 1180,554 V646 A14,14 0 0 1 1166,660 H914 A14,14 0 0 1 900,646 V554 A14,14 0 0 1 914,540 Z" />
|
||||
<rect x="900" y="540" width="280" height="34" fill="#FFD93D" />
|
||||
<text x="1040" y="563" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="16" font-weight="900" fill="#1A1A2E" letter-spacing="3">YELLOW BLOCK · 嘻哈</text>
|
||||
|
||||
<g transform="translate(920.0, 588.0) scale(2.0)" fill="#FFD93D">
|
||||
<path d="M15 1H4V9H3C1.34315 9 0 10.3431 0 12C0 13.6569 1.34315 15 3 15C4.65685 15 6 13.6569 6 12V5H13V9H12C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15C13.6569 15 15 13.6569 15 12V1Z" />
|
||||
</g>
|
||||
<text x="960" y="610" font-family="Impact, sans-serif" font-size="32" font-weight="900" fill="#1A1A2E" letter-spacing="-1">7,000</text>
|
||||
<text x="960" y="630" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" font-weight="700" fill="#5C5C7A">观众容量 · 东南区</text>
|
||||
<text x="960" y="648" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="12" font-weight="600" fill="#5C5C7A">Day 5 主场 · 街区氛围</text>
|
||||
</g>
|
||||
|
||||
|
||||
<g id="decor">
|
||||
<circle cx="640" cy="200" r="14" fill="#FFD93D" stroke="#1A1A2E" stroke-width="3" />
|
||||
<circle cx="610" cy="220" r="6" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="2" />
|
||||
<circle cx="670" cy="220" r="6" fill="#00B8D9" stroke="#1A1A2E" stroke-width="2" />
|
||||
<polygon points="640,610 660,640 620,640" fill="#00C896" stroke="#1A1A2E" stroke-width="3" />
|
||||
</g>
|
||||
|
||||
|
||||
<g id="footer">
|
||||
<text x="60" y="700" font-family="Arial, sans-serif" font-size="12" font-weight="600" fill="#5C5C7A">5 个舞台跨场地步行最远 600m · 30s shuttle 接驳</text>
|
||||
<text x="1220" y="700" text-anchor="end" font-family="Impact, sans-serif" font-size="14" font-weight="900" fill="#1A1A2E" letter-spacing="3">09 / 14</text>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 8.0 KiB |
@@ -0,0 +1,153 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
|
||||
|
||||
|
||||
<g id="bg">
|
||||
<rect width="1280" height="720" fill="#FFF8EE" />
|
||||
</g>
|
||||
|
||||
|
||||
<g id="header">
|
||||
<rect x="60" y="55" width="14" height="60" fill="#FF6B4A" />
|
||||
<text x="90" y="95" font-family="Impact, "Arial Black", sans-serif" font-size="48" font-weight="900" fill="#1A1A2E" letter-spacing="1">SEVEN DAYS OF SUGAR</text>
|
||||
<text x="90" y="125" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="18" font-weight="700" fill="#5C5C7A" letter-spacing="3">7.18 — 7.24 · 一周完整日程</text>
|
||||
|
||||
<path fill="#1A1A2E" d="M1034,58 H1196 A24,24 0 0 1 1220,82 V82 A24,24 0 0 1 1196,106 H1034 A24,24 0 0 1 1010,82 V82 A24,24 0 0 1 1034,58 Z" />
|
||||
|
||||
<g transform="translate(1024.0, 70.0) scale(1.5)" fill="#FFD93D">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM7 3V8.41421L10.2929 11.7071L11.7071 10.2929L9 7.58579V3H7Z" />
|
||||
</g>
|
||||
<text x="1115" y="88" text-anchor="middle" font-family="Impact, sans-serif" font-size="14" font-weight="900" fill="#FFF8EE" letter-spacing="2">12 HR / DAY · 7 DAYS</text>
|
||||
</g>
|
||||
|
||||
|
||||
<g id="timeline-track">
|
||||
<line x1="120" y1="320" x2="1160" y2="320" stroke="#1A1A2E" stroke-width="4" stroke-linecap="round" />
|
||||
|
||||
<line x1="120" y1="320" x2="1160" y2="320" stroke="#FF3DA5" stroke-width="2" stroke-dasharray="8,8" opacity="0.7" />
|
||||
</g>
|
||||
|
||||
|
||||
<g id="day-1">
|
||||
<line x1="180" y1="280" x2="180" y2="320" stroke="#1A1A2E" stroke-width="2" stroke-dasharray="3,3" />
|
||||
<circle cx="180" cy="320" r="22" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="4" />
|
||||
<text x="180" y="328" text-anchor="middle" font-family="Impact, sans-serif" font-size="16" font-weight="900" fill="#FFF8EE">1</text>
|
||||
<path fill="#FFF8EE" stroke="#1A1A2E" stroke-width="3" d="M117,170 H243 A12,12 0 0 1 255,182 V268 A12,12 0 0 1 243,280 H117 A12,12 0 0 1 105,268 V182 A12,12 0 0 1 117,170 Z" />
|
||||
<rect x="105" y="170" width="150" height="28" fill="#FF3DA5" />
|
||||
<text x="180" y="190" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#1A1A2E" letter-spacing="2">7.18</text>
|
||||
<text x="180" y="226" text-anchor="middle" font-family="Impact, sans-serif" font-size="16" font-weight="900" fill="#1A1A2E">OPENING</text>
|
||||
<text x="180" y="248" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" font-weight="700" fill="#FF3DA5">开幕之夜</text>
|
||||
<text x="180" y="268" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="11" font-weight="600" fill="#5C5C7A">CHERRY BOMB 开场</text>
|
||||
</g>
|
||||
|
||||
|
||||
<g id="day-2">
|
||||
<line x1="320" y1="320" x2="320" y2="360" stroke="#1A1A2E" stroke-width="2" stroke-dasharray="3,3" />
|
||||
<circle cx="320" cy="320" r="22" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="4" />
|
||||
<text x="320" y="328" text-anchor="middle" font-family="Impact, sans-serif" font-size="16" font-weight="900" fill="#FFF8EE">2</text>
|
||||
<path fill="#FFF8EE" stroke="#1A1A2E" stroke-width="3" d="M257,360 H383 A12,12 0 0 1 395,372 V458 A12,12 0 0 1 383,470 H257 A12,12 0 0 1 245,458 V372 A12,12 0 0 1 257,360 Z" />
|
||||
<rect x="245" y="442" width="150" height="28" fill="#FF3DA5" />
|
||||
<text x="320" y="462" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#1A1A2E" letter-spacing="2">7.19</text>
|
||||
<text x="320" y="392" text-anchor="middle" font-family="Impact, sans-serif" font-size="16" font-weight="900" fill="#1A1A2E">ROCK DAY</text>
|
||||
<text x="320" y="414" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" font-weight="700" fill="#FF3DA5">摇滚日</text>
|
||||
<text x="320" y="432" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="11" font-weight="600" fill="#5C5C7A">25 组 · CHERRY STAGE</text>
|
||||
</g>
|
||||
|
||||
|
||||
<g id="day-3">
|
||||
<line x1="460" y1="280" x2="460" y2="320" stroke="#1A1A2E" stroke-width="2" stroke-dasharray="3,3" />
|
||||
<circle cx="460" cy="320" r="22" fill="#00B8D9" stroke="#1A1A2E" stroke-width="4" />
|
||||
<text x="460" y="328" text-anchor="middle" font-family="Impact, sans-serif" font-size="16" font-weight="900" fill="#FFF8EE">3</text>
|
||||
<path fill="#FFF8EE" stroke="#1A1A2E" stroke-width="3" d="M397,170 H523 A12,12 0 0 1 535,182 V268 A12,12 0 0 1 523,280 H397 A12,12 0 0 1 385,268 V182 A12,12 0 0 1 397,170 Z" />
|
||||
<rect x="385" y="170" width="150" height="28" fill="#00B8D9" />
|
||||
<text x="460" y="190" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#1A1A2E" letter-spacing="2">7.20</text>
|
||||
<text x="460" y="226" text-anchor="middle" font-family="Impact, sans-serif" font-size="16" font-weight="900" fill="#1A1A2E">ELECTRO</text>
|
||||
<text x="460" y="248" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" font-weight="700" fill="#00B8D9">电子之夜</text>
|
||||
<text x="460" y="268" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="11" font-weight="600" fill="#5C5C7A">通宵 12h · NEON GRID</text>
|
||||
</g>
|
||||
|
||||
|
||||
<g id="day-4">
|
||||
<line x1="600" y1="320" x2="600" y2="360" stroke="#1A1A2E" stroke-width="2" stroke-dasharray="3,3" />
|
||||
<circle cx="600" cy="320" r="22" fill="#00C896" stroke="#1A1A2E" stroke-width="4" />
|
||||
<text x="600" y="328" text-anchor="middle" font-family="Impact, sans-serif" font-size="16" font-weight="900" fill="#FFF8EE">4</text>
|
||||
<path fill="#FFF8EE" stroke="#1A1A2E" stroke-width="3" d="M537,360 H663 A12,12 0 0 1 675,372 V458 A12,12 0 0 1 663,470 H537 A12,12 0 0 1 525,458 V372 A12,12 0 0 1 537,360 Z" />
|
||||
<rect x="525" y="442" width="150" height="28" fill="#00C896" />
|
||||
<text x="600" y="462" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#1A1A2E" letter-spacing="2">7.21</text>
|
||||
<text x="600" y="392" text-anchor="middle" font-family="Impact, sans-serif" font-size="16" font-weight="900" fill="#1A1A2E">FOLK</text>
|
||||
<text x="600" y="414" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" font-weight="700" fill="#00C896">民谣午后</text>
|
||||
<text x="600" y="432" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="11" font-weight="600" fill="#5C5C7A">15 组 · MINT GROVE</text>
|
||||
</g>
|
||||
|
||||
|
||||
<g id="day-5">
|
||||
<line x1="740" y1="280" x2="740" y2="320" stroke="#1A1A2E" stroke-width="2" stroke-dasharray="3,3" />
|
||||
<circle cx="740" cy="320" r="22" fill="#FFD93D" stroke="#1A1A2E" stroke-width="4" />
|
||||
<text x="740" y="328" text-anchor="middle" font-family="Impact, sans-serif" font-size="16" font-weight="900" fill="#1A1A2E">5</text>
|
||||
<path fill="#FFF8EE" stroke="#1A1A2E" stroke-width="3" d="M677,170 H803 A12,12 0 0 1 815,182 V268 A12,12 0 0 1 803,280 H677 A12,12 0 0 1 665,268 V182 A12,12 0 0 1 677,170 Z" />
|
||||
<rect x="665" y="170" width="150" height="28" fill="#FFD93D" />
|
||||
<text x="740" y="190" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#1A1A2E" letter-spacing="2">7.22</text>
|
||||
<text x="740" y="226" text-anchor="middle" font-family="Impact, sans-serif" font-size="16" font-weight="900" fill="#1A1A2E">HIPHOP</text>
|
||||
<text x="740" y="248" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" font-weight="700" fill="#FF6B4A">嘻哈午夜</text>
|
||||
<text x="740" y="268" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="11" font-weight="600" fill="#5C5C7A">10 组 · YELLOW BLOCK</text>
|
||||
</g>
|
||||
|
||||
|
||||
<g id="day-6">
|
||||
<line x1="880" y1="320" x2="880" y2="360" stroke="#1A1A2E" stroke-width="2" stroke-dasharray="3,3" />
|
||||
<circle cx="880" cy="320" r="22" fill="#FF6B4A" stroke="#1A1A2E" stroke-width="4" />
|
||||
<text x="880" y="328" text-anchor="middle" font-family="Impact, sans-serif" font-size="16" font-weight="900" fill="#FFF8EE">6</text>
|
||||
<path fill="#FFF8EE" stroke="#1A1A2E" stroke-width="3" d="M817,360 H943 A12,12 0 0 1 955,372 V458 A12,12 0 0 1 943,470 H817 A12,12 0 0 1 805,458 V372 A12,12 0 0 1 817,360 Z" />
|
||||
<rect x="805" y="442" width="150" height="28" fill="#FF6B4A" />
|
||||
<text x="880" y="462" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#FFF8EE" letter-spacing="2">7.23</text>
|
||||
<text x="880" y="392" text-anchor="middle" font-family="Impact, sans-serif" font-size="16" font-weight="900" fill="#1A1A2E">CROSSOVER</text>
|
||||
<text x="880" y="414" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" font-weight="700" fill="#FF6B4A">跨界之夜</text>
|
||||
<text x="880" y="432" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="11" font-weight="600" fill="#5C5C7A">4 大头牌同台</text>
|
||||
</g>
|
||||
|
||||
|
||||
<g id="day-7">
|
||||
<line x1="1020" y1="280" x2="1020" y2="320" stroke="#1A1A2E" stroke-width="2" stroke-dasharray="3,3" />
|
||||
<circle cx="1020" cy="320" r="30" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="4" />
|
||||
|
||||
<g transform="translate(1004.0, 304.0) scale(2.0)" fill="#FFF8EE">
|
||||
<path d="M9.00001 0H7.00001L5.51292 4.57681L0.700554 4.57682L0.0825195 6.47893L3.97581 9.30756L2.48873 13.8843L4.10677 15.0599L8.00002 12.2313L11.8933 15.0599L13.5113 13.8843L12.0242 9.30754L15.9175 6.47892L15.2994 4.57681L10.4871 4.57681L9.00001 0Z" />
|
||||
</g>
|
||||
<path fill="#1A1A2E" stroke="#FF3DA5" stroke-width="4" d="M957,170 H1093 A12,12 0 0 1 1105,182 V268 A12,12 0 0 1 1093,280 H957 A12,12 0 0 1 945,268 V182 A12,12 0 0 1 957,170 Z" />
|
||||
<rect x="945" y="170" width="160" height="28" fill="#FFD93D" />
|
||||
<text x="1025" y="190" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#1A1A2E" letter-spacing="2">7.24 · FINALE</text>
|
||||
<text x="1025" y="226" text-anchor="middle" font-family="Impact, sans-serif" font-size="16" font-weight="900" fill="#FFF8EE">CLOSING</text>
|
||||
<text x="1025" y="248" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" font-weight="700" fill="#FF3DA5">闭幕大狂欢</text>
|
||||
<text x="1025" y="268" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="11" font-weight="600" fill="#FFF8EE">SUGAR DOME · 烟花</text>
|
||||
</g>
|
||||
|
||||
|
||||
<g id="dow-labels">
|
||||
<text x="180" y="540" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#1A1A2E" letter-spacing="2">SAT</text>
|
||||
<text x="320" y="540" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#1A1A2E" letter-spacing="2">SUN</text>
|
||||
<text x="460" y="540" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#1A1A2E" letter-spacing="2">MON</text>
|
||||
<text x="600" y="540" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#1A1A2E" letter-spacing="2">TUE</text>
|
||||
<text x="740" y="540" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#1A1A2E" letter-spacing="2">WED</text>
|
||||
<text x="880" y="540" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#1A1A2E" letter-spacing="2">THU</text>
|
||||
<text x="1020" y="540" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#1A1A2E" letter-spacing="2">FRI</text>
|
||||
</g>
|
||||
|
||||
|
||||
<g id="legend">
|
||||
<path fill="#1A1A2E" d="M72,580 H1208 A12,12 0 0 1 1220,592 V648 A12,12 0 0 1 1208,660 H72 A12,12 0 0 1 60,648 V592 A12,12 0 0 1 72,580 Z" />
|
||||
|
||||
<g transform="translate(86.0, 610.0) scale(2.0)" fill="#FFD93D">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM7 3V8.41421L10.2929 11.7071L11.7071 10.2929L9 7.58579V3H7Z" />
|
||||
</g>
|
||||
<text x="130" y="622" font-family="Impact, sans-serif" font-size="18" font-weight="900" fill="#FFD93D" letter-spacing="2">DAILY SCHEDULE</text>
|
||||
<text x="130" y="648" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="14" font-weight="600" fill="#FFF8EE">每天 16:00 入场 · 17:00 开演 · 次日 04:00 结束 · 5 个舞台同时进行</text>
|
||||
|
||||
<path fill="#FF3DA5" d="M962,608 H1178 A22,22 0 0 1 1200,630 V630 A22,22 0 0 1 1178,652 H962 A22,22 0 0 1 940,630 V630 A22,22 0 0 1 962,608 Z" />
|
||||
<text x="1070" y="635" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="16" font-weight="900" fill="#FFF8EE" letter-spacing="3">DOWNLOAD APP →</text>
|
||||
</g>
|
||||
|
||||
|
||||
<g id="footer">
|
||||
<text x="60" y="700" font-family="Arial, sans-serif" font-size="12" font-weight="600" fill="#5C5C7A">具体演出时间以 APP 内日程为准</text>
|
||||
<text x="1220" y="700" text-anchor="end" font-family="Impact, sans-serif" font-size="14" font-weight="900" fill="#1A1A2E" letter-spacing="3">10 / 14</text>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 13 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 1.1 MiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 1.3 MiB |
@@ -0,0 +1,136 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
|
||||
|
||||
|
||||
<g id="bg">
|
||||
<rect width="1280" height="720" fill="#FFF8EE" />
|
||||
</g>
|
||||
|
||||
|
||||
<g id="header">
|
||||
<rect x="60" y="55" width="14" height="60" fill="#00B8D9" />
|
||||
<text x="90" y="95" font-family="Impact, "Arial Black", sans-serif" font-size="48" font-weight="900" fill="#1A1A2E" letter-spacing="1">GET YOUR TICKET</text>
|
||||
<text x="90" y="125" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="18" font-weight="700" fill="#5C5C7A" letter-spacing="3">三档票务 · 立即开售</text>
|
||||
|
||||
<g transform="translate(1170.0, 60.0) scale(3.125)" fill="#FF3DA5">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M16 2H0V6C1.10457 6 2 6.89543 2 8C2 9.10457 1.10457 10 0 10V14H16V10C14.8954 10 14 9.10457 14 8C14 6.89543 14.8954 6 16 6V2ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z" />
|
||||
</g>
|
||||
</g>
|
||||
|
||||
|
||||
<g id="tier-early">
|
||||
<path fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4" d="M94,170 H406 A14,14 0 0 1 420,184 V536 A14,14 0 0 1 406,550 H94 A14,14 0 0 1 80,536 V184 A14,14 0 0 1 94,170 Z" />
|
||||
<path d="M 84 170 h 332 a 10 10 0 0 1 4 4 v 96 h -340 v -96 a 10 10 0 0 1 4 -4 Z" fill="#5C5C7A" />
|
||||
<text x="250" y="215" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="32" font-weight="900" fill="#FFF8EE" letter-spacing="2">EARLY BIRD</text>
|
||||
<text x="250" y="245" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="14" font-weight="700" fill="#FFF8EE">限量 5000 张</text>
|
||||
|
||||
<text x="250" y="320" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="64" font-weight="900" fill="#5C5C7A" letter-spacing="-2" text-decoration="line-through">¥499</text>
|
||||
|
||||
<path fill="#FF6B4A" stroke="#1A1A2E" stroke-width="3" transform="rotate(-8, 250, 355)" d="M180,335 H320 A20,20 0 0 1 340,355 V355 A20,20 0 0 1 320,375 H180 A20,20 0 0 1 160,355 V355 A20,20 0 0 1 180,335 Z" />
|
||||
<text x="250" y="364" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="22" font-weight="900" fill="#FFF8EE" letter-spacing="4" transform="rotate(-8, 250, 355)">SOLD OUT</text>
|
||||
|
||||
<line x1="110" y1="400" x2="390" y2="400" stroke="#1A1A2E" stroke-width="1.5" />
|
||||
<text x="115" y="430" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="15" font-weight="700" fill="#5C5C7A">✓ 7 天通票</text>
|
||||
<text x="115" y="460" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="15" font-weight="700" fill="#5C5C7A">✓ 入场不限场</text>
|
||||
<text x="115" y="490" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="15" font-weight="700" fill="#5C5C7A">— VIP 专区</text>
|
||||
<text x="115" y="520" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="15" font-weight="700" fill="#5C5C7A">— 艺人会面</text>
|
||||
</g>
|
||||
|
||||
|
||||
<g id="tier-regular">
|
||||
<path fill="#FFF8EE" stroke="#1A1A2E" stroke-width="5" d="M454,150 H826 A14,14 0 0 1 840,164 V556 A14,14 0 0 1 826,570 H454 A14,14 0 0 1 440,556 V164 A14,14 0 0 1 454,150 Z" />
|
||||
<path d="M 444 150 h 392 a 10 10 0 0 1 4 4 v 116 h -400 v -116 a 10 10 0 0 1 4 -4 Z" fill="#00B8D9" />
|
||||
|
||||
<path fill="#FFD93D" stroke="#1A1A2E" stroke-width="3" d="M596,135 H684 A16,16 0 0 1 700,151 V151 A16,16 0 0 1 684,167 H596 A16,16 0 0 1 580,151 V151 A16,16 0 0 1 596,135 Z" />
|
||||
<text x="640" y="156" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="13" font-weight="900" fill="#1A1A2E" letter-spacing="2">RECOMMENDED</text>
|
||||
<text x="640" y="206" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="36" font-weight="900" fill="#FFF8EE" letter-spacing="3">REGULAR</text>
|
||||
<text x="640" y="232" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="14" font-weight="700" fill="#FFF8EE">日常档 · 主力推荐</text>
|
||||
<text x="640" y="260" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" font-weight="700" fill="#FFF8EE" fill-opacity="0.9">限量 30000 张</text>
|
||||
|
||||
<text x="640" y="350" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="84" font-weight="900" fill="#1A1A2E" letter-spacing="-2">¥799</text>
|
||||
<line x1="470" y1="395" x2="810" y2="395" stroke="#1A1A2E" stroke-width="1.5" />
|
||||
<text x="475" y="425" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="15" font-weight="700" fill="#1A1A2E"><tspan fill="#00B8D9" font-weight="900">✓</tspan> 7 天通票 · 全部 5 个舞台</text>
|
||||
<text x="475" y="455" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="15" font-weight="700" fill="#1A1A2E"><tspan fill="#00B8D9" font-weight="900">✓</tspan> 含 1 杯指定饮品</text>
|
||||
<text x="475" y="485" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="15" font-weight="700" fill="#1A1A2E"><tspan fill="#00B8D9" font-weight="900">✓</tspan> 免费寄存 + 接驳车</text>
|
||||
<text x="475" y="515" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="15" font-weight="700" fill="#5C5C7A">— VIP 专区</text>
|
||||
|
||||
<path fill="#FF3DA5" stroke="#1A1A2E" stroke-width="4" d="M515,540 H765 A25,25 0 0 1 790,565 V565 A25,25 0 0 1 765,590 H515 A25,25 0 0 1 490,565 V565 A25,25 0 0 1 515,540 Z" />
|
||||
<text x="640" y="572" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="20" font-weight="900" fill="#FFF8EE" letter-spacing="3">BUY NOW →</text>
|
||||
</g>
|
||||
|
||||
|
||||
<g id="tier-vip">
|
||||
<path fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4" d="M874,170 H1186 A14,14 0 0 1 1200,184 V536 A14,14 0 0 1 1186,550 H874 A14,14 0 0 1 860,536 V184 A14,14 0 0 1 874,170 Z" />
|
||||
<path d="M 864 170 h 332 a 10 10 0 0 1 4 4 v 96 h -340 v -96 a 10 10 0 0 1 4 -4 Z" fill="#FFD93D" />
|
||||
<text x="1030" y="215" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="32" font-weight="900" fill="#1A1A2E" letter-spacing="2">VIP PASS</text>
|
||||
<text x="1030" y="245" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="14" font-weight="700" fill="#1A1A2E">限量 500 张</text>
|
||||
<text x="1030" y="320" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="64" font-weight="900" fill="#1A1A2E" letter-spacing="-2">¥1999</text>
|
||||
|
||||
<g transform="translate(1014.0, 335.0) scale(2.0)" fill="#FF3DA5">
|
||||
<path d="M9.00001 0H7.00001L5.51292 4.57681L0.700554 4.57682L0.0825195 6.47893L3.97581 9.30756L2.48873 13.8843L4.10677 15.0599L8.00002 12.2313L11.8933 15.0599L13.5113 13.8843L12.0242 9.30754L15.9175 6.47892L15.2994 4.57681L10.4871 4.57681L9.00001 0Z" />
|
||||
</g>
|
||||
<line x1="890" y1="380" x2="1170" y2="380" stroke="#1A1A2E" stroke-width="1.5" />
|
||||
<text x="895" y="410" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="15" font-weight="700" fill="#1A1A2E"><tspan fill="#FF3DA5" font-weight="900">✓</tspan> 7 天全程通票</text>
|
||||
<text x="895" y="440" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="15" font-weight="700" fill="#1A1A2E"><tspan fill="#FF3DA5" font-weight="900">✓</tspan> VIP 专区 + 包厢</text>
|
||||
<text x="895" y="470" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="15" font-weight="700" fill="#1A1A2E"><tspan fill="#FF3DA5" font-weight="900">✓</tspan> 头牌艺人会面</text>
|
||||
<text x="895" y="500" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="15" font-weight="700" fill="#1A1A2E"><tspan fill="#FF3DA5" font-weight="900">✓</tspan> 周边礼包 + 限定徽章</text>
|
||||
<path fill="#1A1A2E" d="M920,520 H1140 A20,20 0 0 1 1160,540 V540 A20,20 0 0 1 1140,560 H920 A20,20 0 0 1 900,540 V540 A20,20 0 0 1 920,520 Z" />
|
||||
<text x="1030" y="546" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="16" font-weight="900" fill="#FFD93D" letter-spacing="3">CONTACT US →</text>
|
||||
</g>
|
||||
|
||||
|
||||
<g id="sponsor-strip">
|
||||
<path fill="#1A1A2E" d="M72,595 H1208 A12,12 0 0 1 1220,607 V653 A12,12 0 0 1 1208,665 H72 A12,12 0 0 1 60,653 V607 A12,12 0 0 1 72,595 Z" />
|
||||
<text x="84" y="618" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#FFD93D" letter-spacing="3">SPONSORED BY · 鸣谢</text>
|
||||
|
||||
<g transform="translate(290.0, 608.0) scale(1.25)" fill="#FFF8EE">
|
||||
<path d="M3 3V0H5C6.65685 0 8 1.34315 8 3C8 1.34315 9.34315 0 11 0H13V3H16V6H0V3H3Z" />
|
||||
<path d="M1 8H7V15H1V8Z" />
|
||||
<path d="M15 8H9V15H15V8Z" />
|
||||
</g>
|
||||
<text x="316" y="623" font-family="Impact, sans-serif" font-size="14" font-weight="900" fill="#FFF8EE" letter-spacing="2">COCOFRESH</text>
|
||||
|
||||
<g transform="translate(450.0, 608.0) scale(1.25)" fill="#FFF8EE">
|
||||
<path d="M9 7L10 0H8L2 7V9H7L6 16H8L14 9L14 7H9Z" />
|
||||
</g>
|
||||
<text x="476" y="623" font-family="Impact, sans-serif" font-size="14" font-weight="900" fill="#FFF8EE" letter-spacing="2">NEONIX</text>
|
||||
|
||||
<g transform="translate(600.0, 608.0) scale(1.25)" fill="#FFF8EE">
|
||||
<path d="M8 3L10.5 2.5L11 0H12L12.5 2.5L15 3V4L12.5 4.5L12 7H11L10.5 4.5L8 4V3Z" />
|
||||
<path d="M0 11V10L4 9L5 5H6L7 9L11 10V11L7 12L6 16H5L4 12L0 11Z" />
|
||||
<path d="M1 2L2.5 0.5L4 2L2.5 3.5L1 2Z" />
|
||||
<path d="M15 14L13 12L11 14L13 16L15 14Z" />
|
||||
<path d="M15 10C15.5523 10 16 9.55229 16 9C16 8.44771 15.5523 8 15 8C14.4477 8 14 8.44771 14 9C14 9.55229 14.4477 10 15 10Z" />
|
||||
</g>
|
||||
<text x="626" y="623" font-family="Impact, sans-serif" font-size="14" font-weight="900" fill="#FFF8EE" letter-spacing="2">SUGAR LAB</text>
|
||||
|
||||
<g transform="translate(780.0, 608.0) scale(1.25)" fill="#FFF8EE">
|
||||
<path d="M15 1H4V9H3C1.34315 9 0 10.3431 0 12C0 13.6569 1.34315 15 3 15C4.65685 15 6 13.6569 6 12V5H13V9H12C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15C13.6569 15 15 13.6569 15 12V1Z" />
|
||||
</g>
|
||||
<text x="806" y="623" font-family="Impact, sans-serif" font-size="14" font-weight="900" fill="#FFF8EE" letter-spacing="2">RIPPLE TV</text>
|
||||
|
||||
<g transform="translate(940.0, 608.0) scale(1.25)" fill="#FFF8EE">
|
||||
<path d="M1.24264 8.24264L8 15L14.7574 8.24264C15.553 7.44699 16 6.36786 16 5.24264V5.05234C16 2.8143 14.1857 1 11.9477 1C10.7166 1 9.55233 1.55959 8.78331 2.52086L8 3.5L7.21669 2.52086C6.44767 1.55959 5.28338 1 4.05234 1C1.8143 1 0 2.8143 0 5.05234V5.24264C0 6.36786 0.44699 7.44699 1.24264 8.24264Z" />
|
||||
</g>
|
||||
<text x="966" y="623" font-family="Impact, sans-serif" font-size="14" font-weight="900" fill="#FFF8EE" letter-spacing="2">PINK MOON</text>
|
||||
|
||||
<g transform="translate(1100.0, 608.0) scale(1.25)" fill="#FFF8EE">
|
||||
<path d="M7 3V0H9V3H7Z" />
|
||||
<path d="M9 13V16H7V13H9Z" />
|
||||
<path d="M11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8Z" />
|
||||
<path d="M0 9H3V7H0V9Z" />
|
||||
<path d="M16 7H13V9H16V7Z" />
|
||||
<path d="M3.75735 5.17157L1.63603 3.05025L3.05025 1.63603L5.17157 3.75735L3.75735 5.17157Z" />
|
||||
<path d="M12.2426 10.8284L14.364 12.9497L12.9497 14.364L10.8284 12.2426L12.2426 10.8284Z" />
|
||||
<path d="M3.05025 14.364L5.17157 12.2426L3.75735 10.8284L1.63603 12.9498L3.05025 14.364Z" />
|
||||
<path d="M12.9497 1.63604L10.8284 3.75736L12.2426 5.17158L14.364 3.05026L12.9497 1.63604Z" />
|
||||
</g>
|
||||
<text x="1126" y="623" font-family="Impact, sans-serif" font-size="14" font-weight="900" fill="#FFF8EE" letter-spacing="2">DAYBREAK</text>
|
||||
<text x="84" y="650" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="11" font-weight="600" fill="#FFF8EE" fill-opacity="0.7">官方饮品 · 灯光 · 周边制造 · 媒体 · 美妆 · 接驳出行</text>
|
||||
</g>
|
||||
|
||||
|
||||
<g id="footer">
|
||||
<text x="60" y="700" font-family="Arial, sans-serif" font-size="12" font-weight="600" fill="#5C5C7A">购票通道 · sugarrush.fest · 限购 4 张 / 实名</text>
|
||||
<text x="1220" y="700" text-anchor="end" font-family="Impact, sans-serif" font-size="14" font-weight="900" fill="#1A1A2E" letter-spacing="3">13 / 14</text>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 12 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 1.2 MiB |
@@ -0,0 +1,43 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
|
||||
<!-- P01 Cover · anchor · hero_page with cover_bg.png -->
|
||||
|
||||
<g id="bg-image">
|
||||
<image href="../images/cover_bg.png" x="0" y="0" width="1280" height="720" preserveAspectRatio="xMidYMid slice"/>
|
||||
</g>
|
||||
|
||||
<!-- Memphis decoration cluster top-right (extra punch on top of image) -->
|
||||
<g id="decor-top-right">
|
||||
<circle cx="1180" cy="60" r="14" fill="#FFD93D" stroke="#1A1A2E" stroke-width="3"/>
|
||||
<circle cx="1220" cy="85" r="8" fill="#FF6B4A" stroke="#1A1A2E" stroke-width="3"/>
|
||||
<circle cx="1145" cy="100" r="6" fill="#00C896" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<path d="M 1090 50 L 1110 30 L 1110 50 L 1130 30" stroke="#1A1A2E" stroke-width="4" fill="none" stroke-linecap="round"/>
|
||||
</g>
|
||||
|
||||
<!-- Subtitle scrim — lower-left calm area (image was generated with this region reserved) -->
|
||||
<g id="subtitle-block">
|
||||
<!-- Cream tag block with bold black border -->
|
||||
<rect x="60" y="510" width="640" height="160" rx="12" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4"/>
|
||||
<!-- Pink left accent bar -->
|
||||
<rect x="60" y="510" width="14" height="160" fill="#FF3DA5"/>
|
||||
|
||||
<text x="96" y="555" font-family="Impact, "Arial Black", "Microsoft YaHei", sans-serif" font-size="28" font-weight="900" fill="#1A1A2E" letter-spacing="2">2026 夏日音乐节 · 年度手册</text>
|
||||
<text x="96" y="600" font-family="Impact, "Arial Black", "Microsoft YaHei", sans-serif" font-size="42" font-weight="900" fill="#FF3DA5" letter-spacing="1">让甜炸的夏天到来。</text>
|
||||
|
||||
<!-- Date / venue strip -->
|
||||
<rect x="96" y="620" width="180" height="34" rx="17" fill="#FFD93D" stroke="#1A1A2E" stroke-width="3"/>
|
||||
<text x="186" y="643" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="17" font-weight="900" fill="#1A1A2E" letter-spacing="2">7.18 — 7.24</text>
|
||||
|
||||
<text x="294" y="643" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="18" font-weight="700" fill="#1A1A2E">椰岛大草原 · CocoBay</text>
|
||||
</g>
|
||||
|
||||
<!-- Bottom-right tag: BOOK NOW -->
|
||||
<g id="cta-tag">
|
||||
<rect x="1010" y="618" width="220" height="56" rx="28" fill="#00B8D9" stroke="#1A1A2E" stroke-width="4"/>
|
||||
<text x="1120" y="654" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="22" font-weight="900" fill="#1A1A2E" letter-spacing="3">BOOK NOW →</text>
|
||||
</g>
|
||||
|
||||
<!-- Bottom-left wavy line accent -->
|
||||
<g id="decor-bottom-wave">
|
||||
<path d="M 60 696 Q 90 686 120 696 T 180 696 T 240 696 T 300 696" stroke="#FF6B4A" stroke-width="4" fill="none" stroke-linecap="round"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.7 KiB |
@@ -0,0 +1,59 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
|
||||
<!-- P02 Chapter 1 WHAT · breathing · hero_page with ch1_what.png -->
|
||||
|
||||
<defs>
|
||||
<linearGradient id="topScrim02" x1="0" y1="0" x2="0" y2="1">
|
||||
<stop offset="0%" stop-color="#FFF8EE" stop-opacity="0.0"/>
|
||||
<stop offset="100%" stop-color="#FFF8EE" stop-opacity="0.0"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
|
||||
<g id="bg-image">
|
||||
<image href="../images/ch1_what.png" x="0" y="0" width="1280" height="720" preserveAspectRatio="xMidYMid slice"/>
|
||||
</g>
|
||||
|
||||
<!-- Black bar with chapter number top-left -->
|
||||
<g id="chapter-tag">
|
||||
<rect x="60" y="50" width="180" height="48" rx="0" fill="#1A1A2E"/>
|
||||
<rect x="60" y="50" width="14" height="48" fill="#FFD93D"/>
|
||||
<text x="92" y="83" font-family="Impact, "Arial Black", sans-serif" font-size="22" font-weight="900" fill="#FFF8EE" letter-spacing="6">CH · 01</text>
|
||||
</g>
|
||||
|
||||
<!-- Hero chapter title centered upper -->
|
||||
<g id="chapter-title">
|
||||
<text x="640" y="290" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="180" font-weight="900" fill="#1A1A2E" letter-spacing="-2">WHAT.</text>
|
||||
<!-- Pink underline accent -->
|
||||
<rect x="425" y="305" width="430" height="14" fill="#FF3DA5"/>
|
||||
</g>
|
||||
|
||||
<!-- Subtitle band -->
|
||||
<g id="subtitle-band">
|
||||
<rect x="160" y="370" width="960" height="80" rx="12" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4"/>
|
||||
<text x="640" y="422" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="28" font-weight="700" fill="#1A1A2E">当全世界都在变热，我们决定，让它<tspan fill="#FF3DA5" font-weight="900">变甜</tspan>。</text>
|
||||
</g>
|
||||
|
||||
<!-- Decoration: zigzag bolt + dots -->
|
||||
<g id="decor-right">
|
||||
<path d="M 1150 200 L 1100 250 L 1140 250 L 1090 310" stroke="#FFD93D" stroke-width="8" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<circle cx="1180" cy="180" r="14" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="3"/>
|
||||
<circle cx="1200" cy="220" r="8" fill="#00C896" stroke="#1A1A2E" stroke-width="2"/>
|
||||
</g>
|
||||
|
||||
<!-- Decoration: triangle + checker bottom-left -->
|
||||
<g id="decor-bottom-left">
|
||||
<polygon points="80,620 130,560 130,620" fill="#00B8D9" stroke="#1A1A2E" stroke-width="3"/>
|
||||
<g id="checker-bl">
|
||||
<rect x="60" y="650" width="14" height="14" fill="#1A1A2E"/>
|
||||
<rect x="74" y="650" width="14" height="14" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<rect x="88" y="650" width="14" height="14" fill="#1A1A2E"/>
|
||||
<rect x="60" y="664" width="14" height="14" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<rect x="74" y="664" width="14" height="14" fill="#1A1A2E"/>
|
||||
<rect x="88" y="664" width="14" height="14" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="2"/>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
<!-- Page number footer -->
|
||||
<g id="footer">
|
||||
<text x="1220" y="700" text-anchor="end" font-family="Impact, sans-serif" font-size="14" font-weight="900" fill="#1A1A2E" letter-spacing="3">02 / 14 · SUGAR RUSH</text>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.0 KiB |
@@ -0,0 +1,84 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
|
||||
<!-- P03 BY THE NUMBERS · dense · chart: kpi_cards -->
|
||||
|
||||
<g id="bg">
|
||||
<rect width="1280" height="720" fill="#FFF8EE"/>
|
||||
</g>
|
||||
|
||||
<!-- Header -->
|
||||
<g id="header">
|
||||
<rect x="60" y="55" width="14" height="60" fill="#FF3DA5"/>
|
||||
<text x="90" y="95" font-family="Impact, "Arial Black", sans-serif" font-size="48" font-weight="900" fill="#1A1A2E" letter-spacing="1">BY THE NUMBERS</text>
|
||||
<text x="90" y="125" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="18" font-weight="700" fill="#5C5C7A" letter-spacing="3">SUGAR RUSH 2026 · KEY FACTS</text>
|
||||
</g>
|
||||
|
||||
<!-- KPI Card 1 - Days (Pink) -->
|
||||
<g id="kpi-days">
|
||||
<rect x="60" y="175" width="290" height="240" rx="14" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4"/>
|
||||
<!-- Top color band -->
|
||||
<path d="M 64 175 h 282 a 10 10 0 0 1 4 4 v 56 h -290 v -56 a 10 10 0 0 1 4 -4 Z" fill="#FF3DA5"/>
|
||||
<use data-icon="chunk-filled/calendar" x="76" y="186" width="40" height="40" fill="#1A1A2E"/>
|
||||
<text x="128" y="215" font-family="Impact, "Arial Black", sans-serif" font-size="22" font-weight="900" fill="#1A1A2E" letter-spacing="2">DAYS</text>
|
||||
<!-- Hero number -->
|
||||
<text x="205" y="340" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="140" font-weight="900" fill="#1A1A2E" letter-spacing="-2">7</text>
|
||||
<text x="205" y="385" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#5C5C7A">连续狂欢 / NON-STOP</text>
|
||||
<!-- Decoration dots -->
|
||||
<circle cx="280" cy="280" r="6" fill="#FFD93D" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<circle cx="305" cy="260" r="4" fill="#00B8D9" stroke="#1A1A2E" stroke-width="2"/>
|
||||
</g>
|
||||
|
||||
<!-- KPI Card 2 - Stages (Blue) -->
|
||||
<g id="kpi-stages">
|
||||
<rect x="365" y="175" width="290" height="240" rx="14" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4"/>
|
||||
<path d="M 369 175 h 282 a 10 10 0 0 1 4 4 v 56 h -290 v -56 a 10 10 0 0 1 4 -4 Z" fill="#00B8D9"/>
|
||||
<use data-icon="chunk-filled/music" x="381" y="186" width="40" height="40" fill="#1A1A2E"/>
|
||||
<text x="433" y="215" font-family="Impact, "Arial Black", sans-serif" font-size="22" font-weight="900" fill="#1A1A2E" letter-spacing="2">STAGES</text>
|
||||
<text x="510" y="340" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="140" font-weight="900" fill="#1A1A2E" letter-spacing="-2">5</text>
|
||||
<text x="510" y="385" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#5C5C7A">主题舞台 / THEMED</text>
|
||||
<!-- Wave -->
|
||||
<path d="M 580 270 Q 595 260 610 270 T 640 270" stroke="#FF3DA5" stroke-width="3" fill="none" stroke-linecap="round"/>
|
||||
</g>
|
||||
|
||||
<!-- KPI Card 3 - Artists (Yellow) -->
|
||||
<g id="kpi-artists">
|
||||
<rect x="670" y="175" width="290" height="240" rx="14" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4"/>
|
||||
<path d="M 674 175 h 282 a 10 10 0 0 1 4 4 v 56 h -290 v -56 a 10 10 0 0 1 4 -4 Z" fill="#FFD93D"/>
|
||||
<use data-icon="chunk-filled/microphone" x="686" y="186" width="40" height="40" fill="#1A1A2E"/>
|
||||
<text x="738" y="215" font-family="Impact, "Arial Black", sans-serif" font-size="22" font-weight="900" fill="#1A1A2E" letter-spacing="2">ARTISTS</text>
|
||||
<text x="815" y="340" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="140" font-weight="900" fill="#1A1A2E" letter-spacing="-4">80</text>
|
||||
<text x="815" y="385" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#5C5C7A">组艺人 / ACTS</text>
|
||||
<!-- Triangle -->
|
||||
<polygon points="920,260 940,290 900,290" fill="#FF6B4A" stroke="#1A1A2E" stroke-width="2"/>
|
||||
</g>
|
||||
|
||||
<!-- KPI Card 4 - Fans (Green) -->
|
||||
<g id="kpi-fans">
|
||||
<rect x="975" y="175" width="245" height="240" rx="14" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4"/>
|
||||
<path d="M 979 175 h 237 a 10 10 0 0 1 4 4 v 56 h -245 v -56 a 10 10 0 0 1 4 -4 Z" fill="#00C896"/>
|
||||
<use data-icon="chunk-filled/users" x="991" y="186" width="40" height="40" fill="#1A1A2E"/>
|
||||
<text x="1043" y="215" font-family="Impact, "Arial Black", sans-serif" font-size="22" font-weight="900" fill="#1A1A2E" letter-spacing="2">FANS</text>
|
||||
<text x="1097" y="340" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="100" font-weight="900" fill="#1A1A2E" letter-spacing="-3">50K</text>
|
||||
<text x="1097" y="385" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#5C5C7A">预期观众 / EXPECTED</text>
|
||||
<circle cx="1180" cy="270" r="6" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="2"/>
|
||||
</g>
|
||||
|
||||
<!-- Bottom strip — fun fact band -->
|
||||
<g id="fun-band">
|
||||
<rect x="60" y="455" width="1160" height="180" rx="14" fill="#1A1A2E"/>
|
||||
<text x="100" y="510" font-family="Impact, "Arial Black", sans-serif" font-size="32" font-weight="900" fill="#FFD93D" letter-spacing="2">≈ 12 HOURS OF MUSIC EVERY DAY</text>
|
||||
<text x="100" y="555" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="20" font-weight="700" fill="#FFF8EE">从下午 4 点到次日凌晨 4 点，连续 12 个小时不间断</text>
|
||||
<text x="100" y="600" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="600" fill="#FFF8EE" fill-opacity="0.85">5 个舞台轮番接力 · 同时段最多 3 个演出 · 跨场地步行最远 600 米</text>
|
||||
<!-- Right decor -->
|
||||
<circle cx="1080" cy="540" r="50" fill="#FF3DA5" stroke="#FFF8EE" stroke-width="4"/>
|
||||
<text x="1080" y="551" text-anchor="middle" font-family="Impact, sans-serif" font-size="34" font-weight="900" fill="#FFF8EE" letter-spacing="0">12</text>
|
||||
<text x="1080" y="573" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" font-weight="700" fill="#FFF8EE" letter-spacing="2">HOURS</text>
|
||||
<!-- Zigzag accent -->
|
||||
<path d="M 1150 510 L 1170 490 L 1170 510 L 1190 490" stroke="#00C896" stroke-width="4" fill="none" stroke-linecap="round"/>
|
||||
</g>
|
||||
|
||||
<!-- Footer -->
|
||||
<g id="footer">
|
||||
<text x="60" y="700" font-family="Arial, sans-serif" font-size="12" font-weight="600" fill="#5C5C7A">数据基于 2026 排期预测 · Source: SUGAR RUSH 组委会</text>
|
||||
<text x="1220" y="700" text-anchor="end" font-family="Impact, sans-serif" font-size="14" font-weight="900" fill="#1A1A2E" letter-spacing="3">03 / 14</text>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 6.6 KiB |
@@ -0,0 +1,86 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
|
||||
<!-- P04 WHAT WE STAND FOR · dense · chart: vertical_pillars (3 columns) -->
|
||||
|
||||
<g id="bg">
|
||||
<rect width="1280" height="720" fill="#FFF8EE"/>
|
||||
</g>
|
||||
|
||||
<!-- Header -->
|
||||
<g id="header">
|
||||
<rect x="60" y="55" width="14" height="60" fill="#00B8D9"/>
|
||||
<text x="90" y="95" font-family="Impact, "Arial Black", sans-serif" font-size="48" font-weight="900" fill="#1A1A2E" letter-spacing="1">WHAT WE STAND FOR</text>
|
||||
<text x="90" y="125" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="18" font-weight="700" fill="#5C5C7A" letter-spacing="3">三大理念 · THREE PRINCIPLES</text>
|
||||
<!-- Header decor -->
|
||||
<circle cx="1150" cy="80" r="14" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="3"/>
|
||||
<circle cx="1185" cy="100" r="8" fill="#FFD93D" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<circle cx="1215" cy="75" r="6" fill="#00C896" stroke="#1A1A2E" stroke-width="2"/>
|
||||
</g>
|
||||
|
||||
<!-- ====== Pillar 1: FREE (Pink) ====== -->
|
||||
<g id="pillar-free">
|
||||
<rect x="80" y="180" width="370" height="470" rx="14" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4"/>
|
||||
<!-- Top color header (rounded only at top) -->
|
||||
<path d="M 84 180 h 362 a 10 10 0 0 1 4 4 v 130 h -370 v -130 a 10 10 0 0 1 4 -4 Z" fill="#FF3DA5"/>
|
||||
<!-- Big letter -->
|
||||
<text x="265" y="270" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="100" font-weight="900" fill="#1A1A2E" letter-spacing="-2">01</text>
|
||||
<text x="265" y="300" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="24" font-weight="900" fill="#1A1A2E" letter-spacing="6">FREE</text>
|
||||
<!-- Icon -->
|
||||
<use data-icon="chunk-filled/bolt" x="237" y="360" width="56" height="56" fill="#FF3DA5"/>
|
||||
<!-- Subtitle -->
|
||||
<text x="265" y="450" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="22" font-weight="900" fill="#1A1A2E" letter-spacing="2">不设鄙视链</text>
|
||||
<!-- Body bullets -->
|
||||
<line x1="120" y1="475" x2="410" y2="475" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<circle cx="120" cy="510" r="5" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<text x="138" y="515" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">所有风格都是好风格</text>
|
||||
<circle cx="120" cy="550" r="5" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<text x="138" y="555" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">摇滚乐迷可以爱嘻哈</text>
|
||||
<circle cx="120" cy="590" r="5" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<text x="138" y="595" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">阵营自由切换，从不审判</text>
|
||||
<circle cx="120" cy="630" r="5" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<text x="138" y="635" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">音乐之外的事情，先放下</text>
|
||||
</g>
|
||||
|
||||
<!-- ====== Pillar 2: FUN (Yellow) ====== -->
|
||||
<g id="pillar-fun">
|
||||
<rect x="475" y="180" width="370" height="470" rx="14" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4"/>
|
||||
<path d="M 479 180 h 362 a 10 10 0 0 1 4 4 v 130 h -370 v -130 a 10 10 0 0 1 4 -4 Z" fill="#FFD93D"/>
|
||||
<text x="660" y="270" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="100" font-weight="900" fill="#1A1A2E" letter-spacing="-2">02</text>
|
||||
<text x="660" y="300" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="24" font-weight="900" fill="#1A1A2E" letter-spacing="6">FUN</text>
|
||||
<use data-icon="chunk-filled/sparkles" x="632" y="360" width="56" height="56" fill="#FFD93D"/>
|
||||
<text x="660" y="450" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="22" font-weight="900" fill="#1A1A2E" letter-spacing="2">玩到极致</text>
|
||||
<line x1="515" y1="475" x2="805" y2="475" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<circle cx="515" cy="510" r="5" fill="#FFD93D" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<text x="533" y="515" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">留下最甜的回忆</text>
|
||||
<circle cx="515" cy="550" r="5" fill="#FFD93D" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<text x="533" y="555" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">10 件巨型互动艺术装置</text>
|
||||
<circle cx="515" cy="590" r="5" fill="#FFD93D" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<text x="533" y="595" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">50+ 摊位市集与限定周边</text>
|
||||
<circle cx="515" cy="630" r="5" fill="#FFD93D" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<text x="533" y="635" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">把孩子内心还给你 7 天</text>
|
||||
</g>
|
||||
|
||||
<!-- ====== Pillar 3: FOREVER YOUNG (Green) ====== -->
|
||||
<g id="pillar-forever-young">
|
||||
<rect x="870" y="180" width="370" height="470" rx="14" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4"/>
|
||||
<path d="M 874 180 h 362 a 10 10 0 0 1 4 4 v 130 h -370 v -130 a 10 10 0 0 1 4 -4 Z" fill="#00C896"/>
|
||||
<text x="1055" y="270" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="100" font-weight="900" fill="#1A1A2E" letter-spacing="-2">03</text>
|
||||
<text x="1055" y="300" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="20" font-weight="900" fill="#1A1A2E" letter-spacing="3">FOREVER YOUNG</text>
|
||||
<use data-icon="chunk-filled/heart" x="1027" y="360" width="56" height="56" fill="#00C896"/>
|
||||
<text x="1055" y="450" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="22" font-weight="900" fill="#1A1A2E" letter-spacing="2">舞池里没有年纪</text>
|
||||
<line x1="910" y1="475" x2="1200" y2="475" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<circle cx="910" cy="510" r="5" fill="#00C896" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<text x="928" y="515" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">18 岁也好，80 岁也罢</text>
|
||||
<circle cx="910" cy="550" r="5" fill="#00C896" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<text x="928" y="555" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">银发族专属休息岛</text>
|
||||
<circle cx="910" cy="590" r="5" fill="#00C896" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<text x="928" y="595" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">12 岁以下家庭票同价</text>
|
||||
<circle cx="910" cy="630" r="5" fill="#00C896" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<text x="928" y="635" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">心跳的频率才是入场券</text>
|
||||
</g>
|
||||
|
||||
<!-- Footer -->
|
||||
<g id="footer">
|
||||
<text x="60" y="700" font-family="Arial, sans-serif" font-size="12" font-weight="600" fill="#5C5C7A">SUGAR RUSH 价值观 · 自 2018 年沿用至今</text>
|
||||
<text x="1220" y="700" text-anchor="end" font-family="Impact, sans-serif" font-size="14" font-weight="900" fill="#1A1A2E" letter-spacing="3">04 / 14</text>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 7.6 KiB |
@@ -0,0 +1,73 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
|
||||
<!-- P05 Chapter 2 WHO · breathing · hero_page with ch2_who.png -->
|
||||
|
||||
<g id="bg-image">
|
||||
<image href="../images/ch2_who.png" x="0" y="0" width="1280" height="720" preserveAspectRatio="xMidYMid slice"/>
|
||||
</g>
|
||||
|
||||
<!-- Black bar with chapter number -->
|
||||
<g id="chapter-tag">
|
||||
<rect x="60" y="50" width="180" height="48" fill="#1A1A2E"/>
|
||||
<rect x="60" y="50" width="14" height="48" fill="#FF3DA5"/>
|
||||
<text x="92" y="83" font-family="Impact, "Arial Black", sans-serif" font-size="22" font-weight="900" fill="#FFF8EE" letter-spacing="6">CH · 02</text>
|
||||
</g>
|
||||
|
||||
<!-- Hero chapter title -->
|
||||
<g id="chapter-title">
|
||||
<text x="640" y="240" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="180" font-weight="900" fill="#FFF8EE" letter-spacing="-2">WHO.</text>
|
||||
<!-- Yellow underline accent -->
|
||||
<rect x="430" y="255" width="420" height="14" fill="#FFD93D"/>
|
||||
</g>
|
||||
|
||||
<!-- Subtitle band -->
|
||||
<g id="subtitle-band">
|
||||
<rect x="160" y="320" width="960" height="80" rx="12" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4"/>
|
||||
<text x="640" y="372" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="26" font-weight="700" fill="#1A1A2E">80 组艺人 · 5 个风格阵营 · <tspan fill="#FF3DA5" font-weight="900">1 张你忘不掉的脸</tspan></text>
|
||||
</g>
|
||||
|
||||
<!-- Annotation cards (image-as-canvas + native overlay #38) -->
|
||||
<g id="annotation-rock">
|
||||
<rect x="80" y="450" width="140" height="60" rx="12" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="3"/>
|
||||
<rect x="80" y="450" width="10" height="60" fill="#FF3DA5"/>
|
||||
<text x="100" y="478" font-family="Impact, sans-serif" font-size="14" font-weight="900" fill="#1A1A2E" letter-spacing="2">ROCK · 25</text>
|
||||
<text x="100" y="498" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="12" font-weight="700" fill="#5C5C7A">摇滚 25 组</text>
|
||||
</g>
|
||||
<g id="annotation-electronic">
|
||||
<rect x="240" y="450" width="140" height="60" rx="12" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="3"/>
|
||||
<rect x="240" y="450" width="10" height="60" fill="#00B8D9"/>
|
||||
<text x="260" y="478" font-family="Impact, sans-serif" font-size="14" font-weight="900" fill="#1A1A2E" letter-spacing="2">ELECTRO · 30</text>
|
||||
<text x="260" y="498" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="12" font-weight="700" fill="#5C5C7A">电子 30 组</text>
|
||||
</g>
|
||||
<g id="annotation-folk">
|
||||
<rect x="400" y="450" width="140" height="60" rx="12" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="3"/>
|
||||
<rect x="400" y="450" width="10" height="60" fill="#00C896"/>
|
||||
<text x="420" y="478" font-family="Impact, sans-serif" font-size="14" font-weight="900" fill="#1A1A2E" letter-spacing="2">FOLK · 15</text>
|
||||
<text x="420" y="498" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="12" font-weight="700" fill="#5C5C7A">民谣 15 组</text>
|
||||
</g>
|
||||
<g id="annotation-hiphop">
|
||||
<rect x="560" y="450" width="140" height="60" rx="12" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="3"/>
|
||||
<rect x="560" y="450" width="10" height="60" fill="#FFD93D"/>
|
||||
<text x="580" y="478" font-family="Impact, sans-serif" font-size="14" font-weight="900" fill="#1A1A2E" letter-spacing="2">HIPHOP · 10</text>
|
||||
<text x="580" y="498" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="12" font-weight="700" fill="#5C5C7A">嘻哈 10 组</text>
|
||||
</g>
|
||||
|
||||
<!-- Highlight tag right side -->
|
||||
<g id="tag-cta">
|
||||
<rect x="900" y="450" width="300" height="60" rx="30" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="4"/>
|
||||
<text x="1050" y="488" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="22" font-weight="900" fill="#FFF8EE" letter-spacing="3">MEET THE LINEUP →</text>
|
||||
</g>
|
||||
|
||||
<!-- Bottom decoration -->
|
||||
<g id="decor-bottom">
|
||||
<circle cx="80" cy="660" r="10" fill="#FF3DA5" stroke="#FFF8EE" stroke-width="2"/>
|
||||
<circle cx="105" cy="660" r="10" fill="#00B8D9" stroke="#FFF8EE" stroke-width="2"/>
|
||||
<circle cx="130" cy="660" r="10" fill="#FFD93D" stroke="#FFF8EE" stroke-width="2"/>
|
||||
<circle cx="155" cy="660" r="10" fill="#00C896" stroke="#FFF8EE" stroke-width="2"/>
|
||||
<path d="M 220 670 L 240 650 L 240 670 L 260 650" stroke="#FFF8EE" stroke-width="3" fill="none" stroke-linecap="round"/>
|
||||
</g>
|
||||
|
||||
<!-- Footer -->
|
||||
<g id="footer">
|
||||
<text x="1220" y="700" text-anchor="end" font-family="Impact, sans-serif" font-size="14" font-weight="900" fill="#FFF8EE" letter-spacing="3">05 / 14 · SUGAR RUSH</text>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.6 KiB |
@@ -0,0 +1,93 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
|
||||
<!-- P06 THE HEADLINERS · dense · chart: icon_grid adapted with headliners.png triptych -->
|
||||
|
||||
<defs>
|
||||
<clipPath id="headlinersClip">
|
||||
<rect x="60" y="170" width="1160" height="280" rx="14"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
|
||||
<g id="bg">
|
||||
<rect width="1280" height="720" fill="#FFF8EE"/>
|
||||
</g>
|
||||
|
||||
<!-- Header -->
|
||||
<g id="header">
|
||||
<rect x="60" y="55" width="14" height="60" fill="#FFD93D"/>
|
||||
<text x="90" y="95" font-family="Impact, "Arial Black", sans-serif" font-size="48" font-weight="900" fill="#1A1A2E" letter-spacing="1">THE HEADLINERS</text>
|
||||
<text x="90" y="125" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="18" font-weight="700" fill="#5C5C7A" letter-spacing="3">2026 四组头牌艺人 · BOOM, BOOM, BOOM, BOOM.</text>
|
||||
<!-- Decor -->
|
||||
<polygon points="1170,80 1200,110 1140,110" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="3"/>
|
||||
</g>
|
||||
|
||||
<!-- Headliners triptych image (clipped to rounded rect) -->
|
||||
<g id="headliners-image">
|
||||
<image href="../images/headliners.png" x="60" y="170" width="1160" height="280" preserveAspectRatio="xMidYMid slice" clip-path="url(#headlinersClip)"/>
|
||||
<!-- Border on top -->
|
||||
<rect x="60" y="170" width="1160" height="280" rx="14" fill="none" stroke="#1A1A2E" stroke-width="4"/>
|
||||
<!-- 3 vertical dividers in black to emphasize 4 panels -->
|
||||
<line x1="350" y1="170" x2="350" y2="450" stroke="#1A1A2E" stroke-width="3"/>
|
||||
<line x1="640" y1="170" x2="640" y2="450" stroke="#1A1A2E" stroke-width="3"/>
|
||||
<line x1="930" y1="170" x2="930" y2="450" stroke="#1A1A2E" stroke-width="3"/>
|
||||
</g>
|
||||
|
||||
<!-- ====== Card 1: CHERRY BOMB ====== -->
|
||||
<g id="card-cherry-bomb">
|
||||
<rect x="60" y="470" width="290" height="190" rx="12" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4"/>
|
||||
<!-- Pink top bar -->
|
||||
<rect x="60" y="470" width="290" height="14" fill="#FF3DA5"/>
|
||||
<!-- Star + 01 -->
|
||||
<use data-icon="chunk-filled/star" x="80" y="500" width="32" height="32" fill="#FF3DA5"/>
|
||||
<text x="320" y="525" text-anchor="end" font-family="Impact, sans-serif" font-size="42" font-weight="900" fill="#FF3DA5" fill-opacity="0.25">01</text>
|
||||
<text x="80" y="565" font-family="Impact, "Arial Black", sans-serif" font-size="26" font-weight="900" fill="#1A1A2E" letter-spacing="1">CHERRY BOMB</text>
|
||||
<text x="80" y="590" font-family="Impact, sans-serif" font-size="12" font-weight="900" fill="#FF3DA5" letter-spacing="3">ROCK · 摇滚主唱</text>
|
||||
<line x1="80" y1="600" x2="330" y2="600" stroke="#1A1A2E" stroke-width="1.5"/>
|
||||
<text x="80" y="625" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="14" font-weight="700" fill="#5C5C7A">代表作: "Pink Static"</text>
|
||||
<text x="80" y="645" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" font-weight="600" fill="#5C5C7A">3 张白金专辑 · 巡演 60 城</text>
|
||||
</g>
|
||||
|
||||
<!-- ====== Card 2: NEON CLOUD ====== -->
|
||||
<g id="card-neon-cloud">
|
||||
<rect x="365" y="470" width="290" height="190" rx="12" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4"/>
|
||||
<rect x="365" y="470" width="290" height="14" fill="#00B8D9"/>
|
||||
<use data-icon="chunk-filled/headphones" x="385" y="500" width="32" height="32" fill="#00B8D9"/>
|
||||
<text x="625" y="525" text-anchor="end" font-family="Impact, sans-serif" font-size="42" font-weight="900" fill="#00B8D9" fill-opacity="0.25">02</text>
|
||||
<text x="385" y="565" font-family="Impact, "Arial Black", sans-serif" font-size="26" font-weight="900" fill="#1A1A2E" letter-spacing="1">NEON CLOUD</text>
|
||||
<text x="385" y="590" font-family="Impact, sans-serif" font-size="12" font-weight="900" fill="#00B8D9" letter-spacing="3">ELECTRO · 电子 DJ</text>
|
||||
<line x1="385" y1="600" x2="635" y2="600" stroke="#1A1A2E" stroke-width="1.5"/>
|
||||
<text x="385" y="625" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="14" font-weight="700" fill="#5C5C7A">代表作: "3AM Mirror"</text>
|
||||
<text x="385" y="645" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" font-weight="600" fill="#5C5C7A">柏林 Berghain 常驻 · DJ Mag 30</text>
|
||||
</g>
|
||||
|
||||
<!-- ====== Card 3: MINT FOLK ====== -->
|
||||
<g id="card-mint-folk">
|
||||
<rect x="670" y="470" width="290" height="190" rx="12" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4"/>
|
||||
<rect x="670" y="470" width="290" height="14" fill="#00C896"/>
|
||||
<use data-icon="chunk-filled/heart" x="690" y="500" width="32" height="32" fill="#00C896"/>
|
||||
<text x="930" y="525" text-anchor="end" font-family="Impact, sans-serif" font-size="42" font-weight="900" fill="#00C896" fill-opacity="0.25">03</text>
|
||||
<text x="690" y="565" font-family="Impact, "Arial Black", sans-serif" font-size="26" font-weight="900" fill="#1A1A2E" letter-spacing="1">MINT FOLK</text>
|
||||
<text x="690" y="590" font-family="Impact, sans-serif" font-size="12" font-weight="900" fill="#00C896" letter-spacing="3">FOLK · 民谣吉他手</text>
|
||||
<line x1="690" y1="600" x2="940" y2="600" stroke="#1A1A2E" stroke-width="1.5"/>
|
||||
<text x="690" y="625" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="14" font-weight="700" fill="#5C5C7A">代表作: "Slow Lemon"</text>
|
||||
<text x="690" y="645" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" font-weight="600" fill="#5C5C7A">Spotify 月听众 480 万</text>
|
||||
</g>
|
||||
|
||||
<!-- ====== Card 4: YELLOW HUSTLE ====== -->
|
||||
<g id="card-yellow-hustle">
|
||||
<rect x="975" y="470" width="245" height="190" rx="12" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4"/>
|
||||
<rect x="975" y="470" width="245" height="14" fill="#FFD93D"/>
|
||||
<use data-icon="chunk-filled/music" x="995" y="500" width="32" height="32" fill="#FFD93D"/>
|
||||
<text x="1195" y="525" text-anchor="end" font-family="Impact, sans-serif" font-size="42" font-weight="900" fill="#FFD93D" fill-opacity="0.45">04</text>
|
||||
<text x="995" y="565" font-family="Impact, "Arial Black", sans-serif" font-size="24" font-weight="900" fill="#1A1A2E" letter-spacing="1">YELLOW HUSTLE</text>
|
||||
<text x="995" y="590" font-family="Impact, sans-serif" font-size="12" font-weight="900" fill="#FFD93D" letter-spacing="3">HIPHOP · 嘻哈 rapper</text>
|
||||
<line x1="995" y1="600" x2="1205" y2="600" stroke="#1A1A2E" stroke-width="1.5"/>
|
||||
<text x="995" y="625" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="14" font-weight="700" fill="#5C5C7A">代表作: "Sugar High"</text>
|
||||
<text x="995" y="645" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" font-weight="600" fill="#5C5C7A">XXL Freshman 2025 · 双白金</text>
|
||||
</g>
|
||||
|
||||
<!-- Footer -->
|
||||
<g id="footer">
|
||||
<text x="60" y="700" font-family="Arial, sans-serif" font-size="12" font-weight="600" fill="#5C5C7A">阵容截至 2026-04-30 · 实际演出以现场为准</text>
|
||||
<text x="1220" y="700" text-anchor="end" font-family="Impact, sans-serif" font-size="14" font-weight="900" fill="#1A1A2E" letter-spacing="3">06 / 14</text>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 7.0 KiB |
@@ -0,0 +1,102 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
|
||||
<!-- P07 FOUR FLAVORS · dense · chart: quadrant_text_bullets -->
|
||||
|
||||
<g id="bg">
|
||||
<rect width="1280" height="720" fill="#FFF8EE"/>
|
||||
</g>
|
||||
|
||||
<!-- Header -->
|
||||
<g id="header">
|
||||
<rect x="60" y="55" width="14" height="60" fill="#00C896"/>
|
||||
<text x="90" y="95" font-family="Impact, "Arial Black", sans-serif" font-size="48" font-weight="900" fill="#1A1A2E" letter-spacing="1">FOUR FLAVORS, ONE FESTIVAL</text>
|
||||
<text x="90" y="125" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="18" font-weight="700" fill="#5C5C7A" letter-spacing="3">四大风格阵营 · TASTE YOUR OWN</text>
|
||||
<!-- Mini 4-color matrix decoration top-right -->
|
||||
<g transform="translate(1140, 60)">
|
||||
<rect x="0" y="0" width="26" height="26" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<rect x="28" y="0" width="26" height="26" fill="#00B8D9" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<rect x="0" y="28" width="26" height="26" fill="#00C896" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<rect x="28" y="28" width="26" height="26" fill="#FFD93D" stroke="#1A1A2E" stroke-width="2"/>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
<!-- ====== Q1 ROCK (Top-Left, Pink) ====== -->
|
||||
<g id="q-rock">
|
||||
<rect x="60" y="170" width="585" height="240" rx="14" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4"/>
|
||||
<!-- Top header band -->
|
||||
<path d="M 64 170 h 577 a 10 10 0 0 1 4 4 v 56 h -585 v -56 a 10 10 0 0 1 4 -4 Z" fill="#FF3DA5"/>
|
||||
<use data-icon="chunk-filled/bolt" x="76" y="180" width="36" height="36" fill="#1A1A2E"/>
|
||||
<text x="122" y="208" font-family="Impact, "Arial Black", sans-serif" font-size="28" font-weight="900" fill="#1A1A2E" letter-spacing="2">ROCK · 摇滚</text>
|
||||
<!-- Action pill -->
|
||||
<rect x="490" y="184" width="140" height="28" rx="14" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<text x="560" y="203" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#FF3DA5" letter-spacing="2">25 组艺人</text>
|
||||
<!-- Bullets -->
|
||||
<circle cx="86" cy="270" r="6" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<text x="106" y="276" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">关键词: <tspan fill="#FF3DA5" font-weight="900">噪音 · 燃 · 释放</tspan></text>
|
||||
<circle cx="86" cy="306" r="6" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<text x="106" y="312" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">舞台: CHERRY STAGE · 容量 5000</text>
|
||||
<circle cx="86" cy="342" r="6" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<text x="106" y="348" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">主场日: <tspan fill="#FF3DA5" font-weight="900">Day 2 · 7.19</tspan> 整夜不停</text>
|
||||
<circle cx="86" cy="378" r="6" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<text x="106" y="384" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">头牌: CHERRY BOMB + 24 组独立乐队</text>
|
||||
</g>
|
||||
|
||||
<!-- ====== Q2 ELECTRO (Top-Right, Blue) ====== -->
|
||||
<g id="q-electro">
|
||||
<rect x="660" y="170" width="560" height="240" rx="14" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4"/>
|
||||
<path d="M 664 170 h 552 a 10 10 0 0 1 4 4 v 56 h -560 v -56 a 10 10 0 0 1 4 -4 Z" fill="#00B8D9"/>
|
||||
<use data-icon="chunk-filled/headphones" x="676" y="180" width="36" height="36" fill="#1A1A2E"/>
|
||||
<text x="722" y="208" font-family="Impact, "Arial Black", sans-serif" font-size="28" font-weight="900" fill="#1A1A2E" letter-spacing="2">ELECTRO · 电子</text>
|
||||
<rect x="1065" y="184" width="140" height="28" rx="14" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<text x="1135" y="203" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#00B8D9" letter-spacing="2">30 组艺人</text>
|
||||
<circle cx="686" cy="270" r="6" fill="#00B8D9" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<text x="706" y="276" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">关键词: <tspan fill="#00B8D9" font-weight="900">律动 · 深夜 · 迷幻</tspan></text>
|
||||
<circle cx="686" cy="306" r="6" fill="#00B8D9" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<text x="706" y="312" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">舞台: NEON GRID · 容量 5000</text>
|
||||
<circle cx="686" cy="342" r="6" fill="#00B8D9" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<text x="706" y="348" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">主场日: <tspan fill="#00B8D9" font-weight="900">Day 3 · 7.20</tspan> 通宵 12h</text>
|
||||
<circle cx="686" cy="378" r="6" fill="#00B8D9" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<text x="706" y="384" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">头牌: NEON CLOUD + 29 组国际 DJ</text>
|
||||
</g>
|
||||
|
||||
<!-- ====== Q3 FOLK (Bottom-Left, Green) ====== -->
|
||||
<g id="q-folk">
|
||||
<rect x="60" y="430" width="585" height="240" rx="14" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4"/>
|
||||
<path d="M 64 430 h 577 a 10 10 0 0 1 4 4 v 56 h -585 v -56 a 10 10 0 0 1 4 -4 Z" fill="#00C896"/>
|
||||
<use data-icon="chunk-filled/heart" x="76" y="440" width="36" height="36" fill="#1A1A2E"/>
|
||||
<text x="122" y="468" font-family="Impact, "Arial Black", sans-serif" font-size="28" font-weight="900" fill="#1A1A2E" letter-spacing="2">FOLK · 民谣</text>
|
||||
<rect x="490" y="444" width="140" height="28" rx="14" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<text x="560" y="463" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#00C896" letter-spacing="2">15 组艺人</text>
|
||||
<circle cx="86" cy="530" r="6" fill="#00C896" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<text x="106" y="536" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">关键词: <tspan fill="#00C896" font-weight="900">故事 · 慢 · 温度</tspan></text>
|
||||
<circle cx="86" cy="566" r="6" fill="#00C896" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<text x="106" y="572" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">舞台: MINT GROVE · 容量 3000</text>
|
||||
<circle cx="86" cy="602" r="6" fill="#00C896" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<text x="106" y="608" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">主场日: <tspan fill="#00C896" font-weight="900">Day 4 · 7.21</tspan> 黄昏专场</text>
|
||||
<circle cx="86" cy="638" r="6" fill="#00C896" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<text x="106" y="644" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">头牌: MINT FOLK + 14 组创作人</text>
|
||||
</g>
|
||||
|
||||
<!-- ====== Q4 HIPHOP (Bottom-Right, Yellow) ====== -->
|
||||
<g id="q-hiphop">
|
||||
<rect x="660" y="430" width="560" height="240" rx="14" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4"/>
|
||||
<path d="M 664 430 h 552 a 10 10 0 0 1 4 4 v 56 h -560 v -56 a 10 10 0 0 1 4 -4 Z" fill="#FFD93D"/>
|
||||
<use data-icon="chunk-filled/music" x="676" y="440" width="36" height="36" fill="#1A1A2E"/>
|
||||
<text x="722" y="468" font-family="Impact, "Arial Black", sans-serif" font-size="28" font-weight="900" fill="#1A1A2E" letter-spacing="2">HIPHOP · 嘻哈</text>
|
||||
<rect x="1065" y="444" width="140" height="28" rx="14" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<text x="1135" y="463" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#FF6B4A" letter-spacing="2">10 组艺人</text>
|
||||
<circle cx="686" cy="530" r="6" fill="#FFD93D" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<text x="706" y="536" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">关键词: <tspan fill="#FF6B4A" font-weight="900">街头 · 节拍 · 态度</tspan></text>
|
||||
<circle cx="686" cy="566" r="6" fill="#FFD93D" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<text x="706" y="572" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">舞台: YELLOW BLOCK · 容量 7000</text>
|
||||
<circle cx="686" cy="602" r="6" fill="#FFD93D" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<text x="706" y="608" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">主场日: <tspan fill="#FF6B4A" font-weight="900">Day 5 · 7.22</tspan> 午夜炸场</text>
|
||||
<circle cx="686" cy="638" r="6" fill="#FFD93D" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<text x="706" y="644" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="16" font-weight="700" fill="#1A1A2E">头牌: YELLOW HUSTLE + 9 组 rapper</text>
|
||||
</g>
|
||||
|
||||
<!-- Footer -->
|
||||
<g id="footer">
|
||||
<text x="60" y="700" font-family="Arial, sans-serif" font-size="12" font-weight="600" fill="#5C5C7A">第五阵营 CROSSOVER · 见 Day 6 · 7.23 跨界之夜</text>
|
||||
<text x="1220" y="700" text-anchor="end" font-family="Impact, sans-serif" font-size="14" font-weight="900" fill="#1A1A2E" letter-spacing="3">07 / 14</text>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 9.4 KiB |
@@ -0,0 +1,75 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
|
||||
<!-- P08 Chapter 3 WHERE & WHEN · breathing · hero_page with ch3_where.png -->
|
||||
|
||||
<g id="bg-image">
|
||||
<image href="../images/ch3_where.png" x="0" y="0" width="1280" height="720" preserveAspectRatio="xMidYMid slice"/>
|
||||
</g>
|
||||
|
||||
<!-- Chapter tag -->
|
||||
<g id="chapter-tag">
|
||||
<rect x="60" y="50" width="180" height="48" fill="#1A1A2E"/>
|
||||
<rect x="60" y="50" width="14" height="48" fill="#00C896"/>
|
||||
<text x="92" y="83" font-family="Impact, "Arial Black", sans-serif" font-size="22" font-weight="900" fill="#FFF8EE" letter-spacing="6">CH · 03</text>
|
||||
</g>
|
||||
|
||||
<!-- Hero chapter title -->
|
||||
<g id="chapter-title">
|
||||
<text x="640" y="220" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="160" font-weight="900" fill="#1A1A2E" letter-spacing="-2">WHERE.</text>
|
||||
<rect x="400" y="240" width="480" height="14" fill="#00C896"/>
|
||||
</g>
|
||||
|
||||
<!-- Subtitle band -->
|
||||
<g id="subtitle-band">
|
||||
<rect x="160" y="290" width="960" height="80" rx="12" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4"/>
|
||||
<text x="640" y="342" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="26" font-weight="700" fill="#1A1A2E">椰岛大草原 · <tspan fill="#00C896" font-weight="900">一座为夏天造的城市</tspan></text>
|
||||
</g>
|
||||
|
||||
<!-- Module tags (#41 measurement lines + module tags style) -->
|
||||
<g id="tag-venue">
|
||||
<rect x="60" y="430" width="240" height="78" rx="12" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4"/>
|
||||
<rect x="60" y="430" width="14" height="78" fill="#FF3DA5"/>
|
||||
<use data-icon="chunk-filled/map-pin" x="86" y="446" width="28" height="28" fill="#FF3DA5"/>
|
||||
<text x="122" y="467" font-family="Impact, sans-serif" font-size="14" font-weight="900" fill="#1A1A2E" letter-spacing="2">VENUE · 场地</text>
|
||||
<text x="86" y="494" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="14" font-weight="700" fill="#1A1A2E">椰岛大草原 · CocoBay</text>
|
||||
</g>
|
||||
<g id="tag-area">
|
||||
<rect x="315" y="430" width="240" height="78" rx="12" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4"/>
|
||||
<rect x="315" y="430" width="14" height="78" fill="#00B8D9"/>
|
||||
<use data-icon="chunk-filled/sparkles" x="341" y="446" width="28" height="28" fill="#00B8D9"/>
|
||||
<text x="377" y="467" font-family="Impact, sans-serif" font-size="14" font-weight="900" fill="#1A1A2E" letter-spacing="2">AREA · 占地</text>
|
||||
<text x="341" y="494" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="14" font-weight="700" fill="#1A1A2E">120 公顷 · 5 大舞台环抱</text>
|
||||
</g>
|
||||
<g id="tag-when">
|
||||
<rect x="570" y="430" width="240" height="78" rx="12" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4"/>
|
||||
<rect x="570" y="430" width="14" height="78" fill="#FFD93D"/>
|
||||
<use data-icon="chunk-filled/calendar" x="596" y="446" width="28" height="28" fill="#FFD93D"/>
|
||||
<text x="632" y="467" font-family="Impact, sans-serif" font-size="14" font-weight="900" fill="#1A1A2E" letter-spacing="2">WHEN · 日期</text>
|
||||
<text x="596" y="494" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="14" font-weight="700" fill="#1A1A2E">2026.7.18 — 7.24 · 7 天</text>
|
||||
</g>
|
||||
<g id="tag-transit">
|
||||
<rect x="825" y="430" width="240" height="78" rx="12" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4"/>
|
||||
<rect x="825" y="430" width="14" height="78" fill="#00C896"/>
|
||||
<use data-icon="chunk-filled/arrow-right" x="851" y="446" width="28" height="28" fill="#00C896"/>
|
||||
<text x="887" y="467" font-family="Impact, sans-serif" font-size="14" font-weight="900" fill="#1A1A2E" letter-spacing="2">ACCESS · 交通</text>
|
||||
<text x="851" y="494" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="14" font-weight="700" fill="#1A1A2E">机场 30 km · 高铁 15 min</text>
|
||||
</g>
|
||||
|
||||
<!-- Right side WHEN big dates -->
|
||||
<g id="when-block">
|
||||
<rect x="1085" y="540" width="135" height="120" rx="12" fill="#1A1A2E"/>
|
||||
<text x="1152" y="582" text-anchor="middle" font-family="Impact, sans-serif" font-size="42" font-weight="900" fill="#FFD93D" letter-spacing="-1">7.18</text>
|
||||
<line x1="1100" y1="595" x2="1205" y2="595" stroke="#FFF8EE" stroke-width="2"/>
|
||||
<text x="1152" y="630" text-anchor="middle" font-family="Impact, sans-serif" font-size="42" font-weight="900" fill="#FF3DA5" letter-spacing="-1">7.24</text>
|
||||
</g>
|
||||
|
||||
<!-- Decoration: zigzag in upper-right -->
|
||||
<g id="decor-upper-right">
|
||||
<path d="M 1080 80 L 1110 60 L 1110 80 L 1140 60 L 1140 80 L 1170 60" stroke="#FF3DA5" stroke-width="4" fill="none" stroke-linecap="round"/>
|
||||
<circle cx="1200" cy="100" r="10" fill="#FFD93D" stroke="#1A1A2E" stroke-width="3"/>
|
||||
</g>
|
||||
|
||||
<!-- Footer -->
|
||||
<g id="footer">
|
||||
<text x="1220" y="700" text-anchor="end" font-family="Impact, sans-serif" font-size="14" font-weight="900" fill="#1A1A2E" letter-spacing="3">08 / 14 · SUGAR RUSH</text>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.9 KiB |
@@ -0,0 +1,98 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
|
||||
<!-- P09 5 STAGES, ONE WORLD · dense · chart: hub_spoke -->
|
||||
|
||||
<g id="bg">
|
||||
<rect width="1280" height="720" fill="#FFF8EE"/>
|
||||
</g>
|
||||
|
||||
<!-- Header -->
|
||||
<g id="header">
|
||||
<rect x="60" y="55" width="14" height="60" fill="#FFD93D"/>
|
||||
<text x="90" y="95" font-family="Impact, "Arial Black", sans-serif" font-size="48" font-weight="900" fill="#1A1A2E" letter-spacing="1">5 STAGES, ONE WORLD</text>
|
||||
<text x="90" y="125" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="18" font-weight="700" fill="#5C5C7A" letter-spacing="3">中央 SUGAR DOME · 四个分舞台辐射</text>
|
||||
</g>
|
||||
|
||||
<!-- Decorative concentric circles (subtle backdrop) -->
|
||||
<g id="bg-rings">
|
||||
<circle cx="640" cy="420" r="280" fill="none" stroke="#1A1A2E" stroke-width="1.5" stroke-dasharray="3,8" opacity="0.25"/>
|
||||
<circle cx="640" cy="420" r="180" fill="none" stroke="#1A1A2E" stroke-width="1.5" stroke-dasharray="3,8" opacity="0.35"/>
|
||||
</g>
|
||||
|
||||
<!-- Spoke lines (dashed memphis-style) -->
|
||||
<g id="spokes">
|
||||
<line x1="640" y1="420" x2="280" y2="280" stroke="#FF3DA5" stroke-width="3" stroke-dasharray="6,6"/>
|
||||
<line x1="640" y1="420" x2="1000" y2="280" stroke="#00B8D9" stroke-width="3" stroke-dasharray="6,6"/>
|
||||
<line x1="640" y1="420" x2="280" y2="560" stroke="#00C896" stroke-width="3" stroke-dasharray="6,6"/>
|
||||
<line x1="640" y1="420" x2="1000" y2="560" stroke="#FFD93D" stroke-width="3" stroke-dasharray="6,6"/>
|
||||
</g>
|
||||
|
||||
<!-- Central Hub - SUGAR DOME -->
|
||||
<g id="hub-center">
|
||||
<!-- Outer ring -->
|
||||
<circle cx="640" cy="420" r="110" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="5"/>
|
||||
<!-- Inner white -->
|
||||
<circle cx="640" cy="420" r="90" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="3"/>
|
||||
<use data-icon="chunk-filled/music" x="616" y="358" width="48" height="48" fill="#FF3DA5"/>
|
||||
<text x="640" y="430" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="26" font-weight="900" fill="#1A1A2E" letter-spacing="1">SUGAR</text>
|
||||
<text x="640" y="460" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="26" font-weight="900" fill="#1A1A2E" letter-spacing="1">DOME</text>
|
||||
<text x="640" y="488" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="12" font-weight="800" fill="#FF3DA5" letter-spacing="2">主舞台 · 30000</text>
|
||||
</g>
|
||||
|
||||
<!-- Spoke 1 - CHERRY STAGE (Top-Left, Pink) -->
|
||||
<g id="spoke-cherry">
|
||||
<rect x="100" y="200" width="280" height="120" rx="14" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4"/>
|
||||
<rect x="100" y="200" width="280" height="34" fill="#FF3DA5"/>
|
||||
<text x="240" y="223" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="16" font-weight="900" fill="#1A1A2E" letter-spacing="3">CHERRY STAGE · 摇滚</text>
|
||||
<use data-icon="chunk-filled/bolt" x="120" y="248" width="32" height="32" fill="#FF3DA5"/>
|
||||
<text x="160" y="270" font-family="Impact, sans-serif" font-size="32" font-weight="900" fill="#1A1A2E" letter-spacing="-1">5,000</text>
|
||||
<text x="160" y="290" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" font-weight="700" fill="#5C5C7A">观众容量 · 西北区</text>
|
||||
<text x="160" y="308" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="12" font-weight="600" fill="#5C5C7A">Day 2 主场 · 全程户外</text>
|
||||
</g>
|
||||
|
||||
<!-- Spoke 2 - NEON GRID (Top-Right, Blue) -->
|
||||
<g id="spoke-neon">
|
||||
<rect x="900" y="200" width="280" height="120" rx="14" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4"/>
|
||||
<rect x="900" y="200" width="280" height="34" fill="#00B8D9"/>
|
||||
<text x="1040" y="223" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="16" font-weight="900" fill="#1A1A2E" letter-spacing="3">NEON GRID · 电子</text>
|
||||
<use data-icon="chunk-filled/headphones" x="920" y="248" width="32" height="32" fill="#00B8D9"/>
|
||||
<text x="960" y="270" font-family="Impact, sans-serif" font-size="32" font-weight="900" fill="#1A1A2E" letter-spacing="-1">5,000</text>
|
||||
<text x="960" y="290" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" font-weight="700" fill="#5C5C7A">观众容量 · 东北区</text>
|
||||
<text x="960" y="308" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="12" font-weight="600" fill="#5C5C7A">Day 3 主场 · 半室内棚</text>
|
||||
</g>
|
||||
|
||||
<!-- Spoke 3 - MINT GROVE (Bottom-Left, Green) -->
|
||||
<g id="spoke-mint">
|
||||
<rect x="100" y="540" width="280" height="120" rx="14" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4"/>
|
||||
<rect x="100" y="540" width="280" height="34" fill="#00C896"/>
|
||||
<text x="240" y="563" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="16" font-weight="900" fill="#1A1A2E" letter-spacing="3">MINT GROVE · 民谣</text>
|
||||
<use data-icon="chunk-filled/heart" x="120" y="588" width="32" height="32" fill="#00C896"/>
|
||||
<text x="160" y="610" font-family="Impact, sans-serif" font-size="32" font-weight="900" fill="#1A1A2E" letter-spacing="-1">3,000</text>
|
||||
<text x="160" y="630" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" font-weight="700" fill="#5C5C7A">观众容量 · 西南区</text>
|
||||
<text x="160" y="648" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="12" font-weight="600" fill="#5C5C7A">Day 4 主场 · 椰林环抱</text>
|
||||
</g>
|
||||
|
||||
<!-- Spoke 4 - YELLOW BLOCK (Bottom-Right, Yellow) -->
|
||||
<g id="spoke-yellow">
|
||||
<rect x="900" y="540" width="280" height="120" rx="14" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4"/>
|
||||
<rect x="900" y="540" width="280" height="34" fill="#FFD93D"/>
|
||||
<text x="1040" y="563" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="16" font-weight="900" fill="#1A1A2E" letter-spacing="3">YELLOW BLOCK · 嘻哈</text>
|
||||
<use data-icon="chunk-filled/music" x="920" y="588" width="32" height="32" fill="#FFD93D"/>
|
||||
<text x="960" y="610" font-family="Impact, sans-serif" font-size="32" font-weight="900" fill="#1A1A2E" letter-spacing="-1">7,000</text>
|
||||
<text x="960" y="630" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" font-weight="700" fill="#5C5C7A">观众容量 · 东南区</text>
|
||||
<text x="960" y="648" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="12" font-weight="600" fill="#5C5C7A">Day 5 主场 · 街区氛围</text>
|
||||
</g>
|
||||
|
||||
<!-- Memphis decoration -->
|
||||
<g id="decor">
|
||||
<circle cx="640" cy="200" r="14" fill="#FFD93D" stroke="#1A1A2E" stroke-width="3"/>
|
||||
<circle cx="610" cy="220" r="6" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<circle cx="670" cy="220" r="6" fill="#00B8D9" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<polygon points="640,610 660,640 620,640" fill="#00C896" stroke="#1A1A2E" stroke-width="3"/>
|
||||
</g>
|
||||
|
||||
<!-- Footer -->
|
||||
<g id="footer">
|
||||
<text x="60" y="700" font-family="Arial, sans-serif" font-size="12" font-weight="600" fill="#5C5C7A">5 个舞台跨场地步行最远 600m · 30s shuttle 接驳</text>
|
||||
<text x="1220" y="700" text-anchor="end" font-family="Impact, sans-serif" font-size="14" font-weight="900" fill="#1A1A2E" letter-spacing="3">09 / 14</text>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 7.3 KiB |
@@ -0,0 +1,144 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
|
||||
<!-- P10 SEVEN DAYS OF SUGAR · dense · chart: timeline (7 milestones) -->
|
||||
|
||||
<g id="bg">
|
||||
<rect width="1280" height="720" fill="#FFF8EE"/>
|
||||
</g>
|
||||
|
||||
<!-- Header -->
|
||||
<g id="header">
|
||||
<rect x="60" y="55" width="14" height="60" fill="#FF6B4A"/>
|
||||
<text x="90" y="95" font-family="Impact, "Arial Black", sans-serif" font-size="48" font-weight="900" fill="#1A1A2E" letter-spacing="1">SEVEN DAYS OF SUGAR</text>
|
||||
<text x="90" y="125" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="18" font-weight="700" fill="#5C5C7A" letter-spacing="3">7.18 — 7.24 · 一周完整日程</text>
|
||||
<!-- Progress badge -->
|
||||
<rect x="1010" y="58" width="210" height="48" rx="24" fill="#1A1A2E"/>
|
||||
<use data-icon="chunk-filled/clock" x="1024" y="70" width="24" height="24" fill="#FFD93D"/>
|
||||
<text x="1115" y="88" text-anchor="middle" font-family="Impact, sans-serif" font-size="14" font-weight="900" fill="#FFF8EE" letter-spacing="2">12 HR / DAY · 7 DAYS</text>
|
||||
</g>
|
||||
|
||||
<!-- Main horizontal timeline track -->
|
||||
<g id="timeline-track">
|
||||
<line x1="120" y1="320" x2="1160" y2="320" stroke="#1A1A2E" stroke-width="4" stroke-linecap="round"/>
|
||||
<!-- Pink overlay dashed segment for in-progress vibe -->
|
||||
<line x1="120" y1="320" x2="1160" y2="320" stroke="#FF3DA5" stroke-width="2" stroke-dasharray="8,8" opacity="0.7"/>
|
||||
</g>
|
||||
|
||||
<!-- Day 1 - OPENING (Pink) - Card above -->
|
||||
<g id="day-1">
|
||||
<line x1="180" y1="280" x2="180" y2="320" stroke="#1A1A2E" stroke-width="2" stroke-dasharray="3,3"/>
|
||||
<circle cx="180" cy="320" r="22" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="4"/>
|
||||
<text x="180" y="328" text-anchor="middle" font-family="Impact, sans-serif" font-size="16" font-weight="900" fill="#FFF8EE">1</text>
|
||||
<rect x="105" y="170" width="150" height="110" rx="12" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="3"/>
|
||||
<rect x="105" y="170" width="150" height="28" fill="#FF3DA5"/>
|
||||
<text x="180" y="190" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#1A1A2E" letter-spacing="2">7.18</text>
|
||||
<text x="180" y="226" text-anchor="middle" font-family="Impact, sans-serif" font-size="16" font-weight="900" fill="#1A1A2E">OPENING</text>
|
||||
<text x="180" y="248" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" font-weight="700" fill="#FF3DA5">开幕之夜</text>
|
||||
<text x="180" y="268" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="11" font-weight="600" fill="#5C5C7A">CHERRY BOMB 开场</text>
|
||||
</g>
|
||||
|
||||
<!-- Day 2 - ROCK (Pink) - Card below -->
|
||||
<g id="day-2">
|
||||
<line x1="320" y1="320" x2="320" y2="360" stroke="#1A1A2E" stroke-width="2" stroke-dasharray="3,3"/>
|
||||
<circle cx="320" cy="320" r="22" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="4"/>
|
||||
<text x="320" y="328" text-anchor="middle" font-family="Impact, sans-serif" font-size="16" font-weight="900" fill="#FFF8EE">2</text>
|
||||
<rect x="245" y="360" width="150" height="110" rx="12" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="3"/>
|
||||
<rect x="245" y="442" width="150" height="28" fill="#FF3DA5"/>
|
||||
<text x="320" y="462" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#1A1A2E" letter-spacing="2">7.19</text>
|
||||
<text x="320" y="392" text-anchor="middle" font-family="Impact, sans-serif" font-size="16" font-weight="900" fill="#1A1A2E">ROCK DAY</text>
|
||||
<text x="320" y="414" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" font-weight="700" fill="#FF3DA5">摇滚日</text>
|
||||
<text x="320" y="432" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="11" font-weight="600" fill="#5C5C7A">25 组 · CHERRY STAGE</text>
|
||||
</g>
|
||||
|
||||
<!-- Day 3 - ELECTRO (Blue) - Card above -->
|
||||
<g id="day-3">
|
||||
<line x1="460" y1="280" x2="460" y2="320" stroke="#1A1A2E" stroke-width="2" stroke-dasharray="3,3"/>
|
||||
<circle cx="460" cy="320" r="22" fill="#00B8D9" stroke="#1A1A2E" stroke-width="4"/>
|
||||
<text x="460" y="328" text-anchor="middle" font-family="Impact, sans-serif" font-size="16" font-weight="900" fill="#FFF8EE">3</text>
|
||||
<rect x="385" y="170" width="150" height="110" rx="12" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="3"/>
|
||||
<rect x="385" y="170" width="150" height="28" fill="#00B8D9"/>
|
||||
<text x="460" y="190" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#1A1A2E" letter-spacing="2">7.20</text>
|
||||
<text x="460" y="226" text-anchor="middle" font-family="Impact, sans-serif" font-size="16" font-weight="900" fill="#1A1A2E">ELECTRO</text>
|
||||
<text x="460" y="248" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" font-weight="700" fill="#00B8D9">电子之夜</text>
|
||||
<text x="460" y="268" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="11" font-weight="600" fill="#5C5C7A">通宵 12h · NEON GRID</text>
|
||||
</g>
|
||||
|
||||
<!-- Day 4 - FOLK (Green) - Card below -->
|
||||
<g id="day-4">
|
||||
<line x1="600" y1="320" x2="600" y2="360" stroke="#1A1A2E" stroke-width="2" stroke-dasharray="3,3"/>
|
||||
<circle cx="600" cy="320" r="22" fill="#00C896" stroke="#1A1A2E" stroke-width="4"/>
|
||||
<text x="600" y="328" text-anchor="middle" font-family="Impact, sans-serif" font-size="16" font-weight="900" fill="#FFF8EE">4</text>
|
||||
<rect x="525" y="360" width="150" height="110" rx="12" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="3"/>
|
||||
<rect x="525" y="442" width="150" height="28" fill="#00C896"/>
|
||||
<text x="600" y="462" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#1A1A2E" letter-spacing="2">7.21</text>
|
||||
<text x="600" y="392" text-anchor="middle" font-family="Impact, sans-serif" font-size="16" font-weight="900" fill="#1A1A2E">FOLK</text>
|
||||
<text x="600" y="414" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" font-weight="700" fill="#00C896">民谣午后</text>
|
||||
<text x="600" y="432" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="11" font-weight="600" fill="#5C5C7A">15 组 · MINT GROVE</text>
|
||||
</g>
|
||||
|
||||
<!-- Day 5 - HIPHOP (Yellow) - Card above -->
|
||||
<g id="day-5">
|
||||
<line x1="740" y1="280" x2="740" y2="320" stroke="#1A1A2E" stroke-width="2" stroke-dasharray="3,3"/>
|
||||
<circle cx="740" cy="320" r="22" fill="#FFD93D" stroke="#1A1A2E" stroke-width="4"/>
|
||||
<text x="740" y="328" text-anchor="middle" font-family="Impact, sans-serif" font-size="16" font-weight="900" fill="#1A1A2E">5</text>
|
||||
<rect x="665" y="170" width="150" height="110" rx="12" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="3"/>
|
||||
<rect x="665" y="170" width="150" height="28" fill="#FFD93D"/>
|
||||
<text x="740" y="190" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#1A1A2E" letter-spacing="2">7.22</text>
|
||||
<text x="740" y="226" text-anchor="middle" font-family="Impact, sans-serif" font-size="16" font-weight="900" fill="#1A1A2E">HIPHOP</text>
|
||||
<text x="740" y="248" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" font-weight="700" fill="#FF6B4A">嘻哈午夜</text>
|
||||
<text x="740" y="268" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="11" font-weight="600" fill="#5C5C7A">10 组 · YELLOW BLOCK</text>
|
||||
</g>
|
||||
|
||||
<!-- Day 6 - CROSSOVER (Coral) - Card below -->
|
||||
<g id="day-6">
|
||||
<line x1="880" y1="320" x2="880" y2="360" stroke="#1A1A2E" stroke-width="2" stroke-dasharray="3,3"/>
|
||||
<circle cx="880" cy="320" r="22" fill="#FF6B4A" stroke="#1A1A2E" stroke-width="4"/>
|
||||
<text x="880" y="328" text-anchor="middle" font-family="Impact, sans-serif" font-size="16" font-weight="900" fill="#FFF8EE">6</text>
|
||||
<rect x="805" y="360" width="150" height="110" rx="12" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="3"/>
|
||||
<rect x="805" y="442" width="150" height="28" fill="#FF6B4A"/>
|
||||
<text x="880" y="462" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#FFF8EE" letter-spacing="2">7.23</text>
|
||||
<text x="880" y="392" text-anchor="middle" font-family="Impact, sans-serif" font-size="16" font-weight="900" fill="#1A1A2E">CROSSOVER</text>
|
||||
<text x="880" y="414" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" font-weight="700" fill="#FF6B4A">跨界之夜</text>
|
||||
<text x="880" y="432" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="11" font-weight="600" fill="#5C5C7A">4 大头牌同台</text>
|
||||
</g>
|
||||
|
||||
<!-- Day 7 - CLOSING (Pink + Star marker) - Card above -->
|
||||
<g id="day-7">
|
||||
<line x1="1020" y1="280" x2="1020" y2="320" stroke="#1A1A2E" stroke-width="2" stroke-dasharray="3,3"/>
|
||||
<circle cx="1020" cy="320" r="30" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="4"/>
|
||||
<use data-icon="chunk-filled/star" x="1004" y="304" width="32" height="32" fill="#FFF8EE"/>
|
||||
<rect x="945" y="170" width="160" height="110" rx="12" fill="#1A1A2E" stroke="#FF3DA5" stroke-width="4"/>
|
||||
<rect x="945" y="170" width="160" height="28" fill="#FFD93D"/>
|
||||
<text x="1025" y="190" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#1A1A2E" letter-spacing="2">7.24 · FINALE</text>
|
||||
<text x="1025" y="226" text-anchor="middle" font-family="Impact, sans-serif" font-size="16" font-weight="900" fill="#FFF8EE">CLOSING</text>
|
||||
<text x="1025" y="248" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" font-weight="700" fill="#FF3DA5">闭幕大狂欢</text>
|
||||
<text x="1025" y="268" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="11" font-weight="600" fill="#FFF8EE">SUGAR DOME · 烟花</text>
|
||||
</g>
|
||||
|
||||
<!-- Day-of-week labels under track -->
|
||||
<g id="dow-labels">
|
||||
<text x="180" y="540" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#1A1A2E" letter-spacing="2">SAT</text>
|
||||
<text x="320" y="540" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#1A1A2E" letter-spacing="2">SUN</text>
|
||||
<text x="460" y="540" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#1A1A2E" letter-spacing="2">MON</text>
|
||||
<text x="600" y="540" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#1A1A2E" letter-spacing="2">TUE</text>
|
||||
<text x="740" y="540" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#1A1A2E" letter-spacing="2">WED</text>
|
||||
<text x="880" y="540" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#1A1A2E" letter-spacing="2">THU</text>
|
||||
<text x="1020" y="540" text-anchor="middle" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#1A1A2E" letter-spacing="2">FRI</text>
|
||||
</g>
|
||||
|
||||
<!-- Legend / bottom info strip -->
|
||||
<g id="legend">
|
||||
<rect x="60" y="580" width="1160" height="80" rx="12" fill="#1A1A2E"/>
|
||||
<use data-icon="chunk-filled/clock" x="86" y="610" width="32" height="32" fill="#FFD93D"/>
|
||||
<text x="130" y="622" font-family="Impact, sans-serif" font-size="18" font-weight="900" fill="#FFD93D" letter-spacing="2">DAILY SCHEDULE</text>
|
||||
<text x="130" y="648" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="14" font-weight="600" fill="#FFF8EE">每天 16:00 入场 · 17:00 开演 · 次日 04:00 结束 · 5 个舞台同时进行</text>
|
||||
<!-- Right pill -->
|
||||
<rect x="940" y="608" width="260" height="44" rx="22" fill="#FF3DA5"/>
|
||||
<text x="1070" y="635" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="16" font-weight="900" fill="#FFF8EE" letter-spacing="3">DOWNLOAD APP →</text>
|
||||
</g>
|
||||
|
||||
<!-- Footer -->
|
||||
<g id="footer">
|
||||
<text x="60" y="700" font-family="Arial, sans-serif" font-size="12" font-weight="600" fill="#5C5C7A">具体演出时间以 APP 内日程为准</text>
|
||||
<text x="1220" y="700" text-anchor="end" font-family="Impact, sans-serif" font-size="14" font-weight="900" fill="#1A1A2E" letter-spacing="3">10 / 14</text>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 12 KiB |
@@ -0,0 +1,61 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
|
||||
<!-- P11 Chapter 4 VIBES · breathing · hero_page with ch4_vibes.png -->
|
||||
|
||||
<g id="bg-image">
|
||||
<image href="../images/ch4_vibes.png" x="0" y="0" width="1280" height="720" preserveAspectRatio="xMidYMid slice"/>
|
||||
</g>
|
||||
|
||||
<!-- Chapter tag -->
|
||||
<g id="chapter-tag">
|
||||
<rect x="60" y="50" width="180" height="48" fill="#FFD93D"/>
|
||||
<rect x="60" y="50" width="14" height="48" fill="#FF3DA5"/>
|
||||
<text x="92" y="83" font-family="Impact, "Arial Black", sans-serif" font-size="22" font-weight="900" fill="#1A1A2E" letter-spacing="6">CH · 04</text>
|
||||
</g>
|
||||
|
||||
<!-- Hero chapter title -->
|
||||
<g id="chapter-title">
|
||||
<text x="305" y="290" text-anchor="start" font-family="Impact, "Arial Black", sans-serif" font-size="200" font-weight="900" fill="#FFF8EE" letter-spacing="-2">VIBES.</text>
|
||||
<rect x="305" y="305" width="640" height="14" fill="#00B8D9"/>
|
||||
</g>
|
||||
|
||||
<!-- Subtitle pill -->
|
||||
<g id="subtitle-pill">
|
||||
<rect x="305" y="345" width="640" height="60" rx="30" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4"/>
|
||||
<text x="625" y="384" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="24" font-weight="700" fill="#1A1A2E">音乐之外，还有 <tspan fill="#FF3DA5" font-weight="900">十种甜</tspan> 的方式</text>
|
||||
</g>
|
||||
|
||||
<!-- Three tag stickers floating -->
|
||||
<g id="tag-market">
|
||||
<rect x="100" y="510" width="280" height="100" rx="14" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="4" transform="rotate(-3, 240, 560)"/>
|
||||
<use data-icon="chunk-filled/shopping-bag" x="124" y="538" width="36" height="36" fill="#1A1A2E" transform="rotate(-3, 240, 560)"/>
|
||||
<text x="172" y="555" font-family="Impact, sans-serif" font-size="20" font-weight="900" fill="#1A1A2E" letter-spacing="2" transform="rotate(-3, 240, 560)">MARKET</text>
|
||||
<text x="172" y="582" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="14" font-weight="700" fill="#1A1A2E" transform="rotate(-3, 240, 560)">50+ 摊位 · 限定周边</text>
|
||||
</g>
|
||||
|
||||
<g id="tag-install">
|
||||
<rect x="500" y="500" width="280" height="100" rx="14" fill="#FFD93D" stroke="#1A1A2E" stroke-width="4" transform="rotate(2, 640, 550)"/>
|
||||
<use data-icon="chunk-filled/game-controller" x="524" y="528" width="36" height="36" fill="#1A1A2E" transform="rotate(2, 640, 550)"/>
|
||||
<text x="572" y="545" font-family="Impact, sans-serif" font-size="20" font-weight="900" fill="#1A1A2E" letter-spacing="2" transform="rotate(2, 640, 550)">ART INSTALL</text>
|
||||
<text x="572" y="572" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="14" font-weight="700" fill="#1A1A2E" transform="rotate(2, 640, 550)">10 件巨型装置 · AR 互动</text>
|
||||
</g>
|
||||
|
||||
<g id="tag-food">
|
||||
<rect x="900" y="510" width="280" height="100" rx="14" fill="#00C896" stroke="#1A1A2E" stroke-width="4" transform="rotate(-2, 1040, 560)"/>
|
||||
<use data-icon="chunk-filled/heart" x="924" y="538" width="36" height="36" fill="#1A1A2E" transform="rotate(-2, 1040, 560)"/>
|
||||
<text x="972" y="555" font-family="Impact, sans-serif" font-size="20" font-weight="900" fill="#1A1A2E" letter-spacing="2" transform="rotate(-2, 1040, 560)">FOOD & FUN</text>
|
||||
<text x="972" y="582" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="14" font-weight="700" fill="#1A1A2E" transform="rotate(-2, 1040, 560)">40+ 餐车 · 篝火 · 工坊</text>
|
||||
</g>
|
||||
|
||||
<!-- Floating decoration -->
|
||||
<g id="decor">
|
||||
<circle cx="150" cy="160" r="10" fill="#FFD93D" stroke="#FFF8EE" stroke-width="2"/>
|
||||
<circle cx="180" cy="180" r="6" fill="#FF3DA5" stroke="#FFF8EE" stroke-width="2"/>
|
||||
<path d="M 1080 150 L 1110 130 L 1110 150 L 1140 130" stroke="#FFD93D" stroke-width="4" fill="none" stroke-linecap="round"/>
|
||||
<polygon points="1190,180 1220,210 1160,210" fill="#FF3DA5" stroke="#FFF8EE" stroke-width="2"/>
|
||||
</g>
|
||||
|
||||
<!-- Footer -->
|
||||
<g id="footer">
|
||||
<text x="1220" y="700" text-anchor="end" font-family="Impact, sans-serif" font-size="14" font-weight="900" fill="#FFF8EE" letter-spacing="3">11 / 14 · SUGAR RUSH</text>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.1 KiB |
@@ -0,0 +1,80 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
|
||||
<!-- P12 BEYOND THE MUSIC · dense · chart: comparison_columns -->
|
||||
|
||||
<defs>
|
||||
<clipPath id="marketClip">
|
||||
<rect x="100" y="220" width="540" height="200" rx="12"/>
|
||||
</clipPath>
|
||||
<clipPath id="installClip">
|
||||
<rect x="660" y="220" width="540" height="200" rx="12"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
|
||||
<g id="bg">
|
||||
<rect width="1280" height="720" fill="#FFF8EE"/>
|
||||
</g>
|
||||
|
||||
<!-- Header -->
|
||||
<g id="header">
|
||||
<rect x="60" y="55" width="14" height="60" fill="#FF3DA5"/>
|
||||
<text x="90" y="95" font-family="Impact, "Arial Black", sans-serif" font-size="48" font-weight="900" fill="#1A1A2E" letter-spacing="1">BEYOND THE MUSIC</text>
|
||||
<text x="90" y="125" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="18" font-weight="700" fill="#5C5C7A" letter-spacing="3">音乐之外的两大主线 · TWO TRACKS</text>
|
||||
</g>
|
||||
|
||||
<!-- ====== Left column: MARKET (Pink) ====== -->
|
||||
<g id="col-market">
|
||||
<rect x="80" y="170" width="580" height="500" rx="14" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4"/>
|
||||
<!-- Top header band -->
|
||||
<path d="M 84 170 h 572 a 10 10 0 0 1 4 4 v 36 h -580 v -36 a 10 10 0 0 1 4 -4 Z" fill="#FF3DA5"/>
|
||||
<use data-icon="chunk-filled/shopping-bag" x="100" y="178" width="22" height="22" fill="#1A1A2E"/>
|
||||
<text x="132" y="196" font-family="Impact, "Arial Black", sans-serif" font-size="18" font-weight="900" fill="#1A1A2E" letter-spacing="3">MARKET · 周边市集</text>
|
||||
<!-- Image -->
|
||||
<image href="../images/market.png" x="100" y="220" width="540" height="200" preserveAspectRatio="xMidYMid slice" clip-path="url(#marketClip)"/>
|
||||
<rect x="100" y="220" width="540" height="200" rx="12" fill="none" stroke="#1A1A2E" stroke-width="3"/>
|
||||
<!-- KPI under image -->
|
||||
<text x="120" y="465" font-family="Impact, "Arial Black", sans-serif" font-size="60" font-weight="900" fill="#FF3DA5" letter-spacing="-1">50+</text>
|
||||
<text x="240" y="462" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="14" font-weight="700" fill="#1A1A2E">独立摊位</text>
|
||||
<text x="240" y="480" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="12" font-weight="600" fill="#5C5C7A">来自 12 个城市的设计师</text>
|
||||
<!-- Bullet list -->
|
||||
<line x1="100" y1="500" x2="640" y2="500" stroke="#1A1A2E" stroke-width="1.5"/>
|
||||
<circle cx="115" cy="530" r="5" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<text x="135" y="535" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="15" font-weight="700" fill="#1A1A2E">SUGAR RUSH 官方限定周边</text>
|
||||
<circle cx="115" cy="565" r="5" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<text x="135" y="570" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="15" font-weight="700" fill="#1A1A2E">独立设计师手作集市</text>
|
||||
<circle cx="115" cy="600" r="5" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<text x="135" y="605" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="15" font-weight="700" fill="#1A1A2E">本地小吃 40+ 餐车</text>
|
||||
<circle cx="115" cy="635" r="5" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<text x="135" y="640" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="15" font-weight="700" fill="#1A1A2E">营业时间 16:00 — 02:00</text>
|
||||
</g>
|
||||
|
||||
<!-- ====== Right column: ART INSTALL (Yellow) ====== -->
|
||||
<g id="col-install">
|
||||
<rect x="660" y="170" width="540" height="500" rx="14" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4"/>
|
||||
<path d="M 664 170 h 532 a 10 10 0 0 1 4 4 v 36 h -540 v -36 a 10 10 0 0 1 4 -4 Z" fill="#FFD93D"/>
|
||||
<use data-icon="chunk-filled/game-controller" x="680" y="178" width="22" height="22" fill="#1A1A2E"/>
|
||||
<text x="712" y="196" font-family="Impact, "Arial Black", sans-serif" font-size="18" font-weight="900" fill="#1A1A2E" letter-spacing="3">ART INSTALL · 互动装置</text>
|
||||
<!-- "Most Popular" tag -->
|
||||
<rect x="1070" y="180" width="110" height="22" rx="11" fill="#1A1A2E"/>
|
||||
<text x="1125" y="195" text-anchor="middle" font-family="Impact, sans-serif" font-size="11" font-weight="900" fill="#FFD93D" letter-spacing="2">MOST POPULAR</text>
|
||||
<image href="../images/installation.png" x="660" y="220" width="540" height="200" preserveAspectRatio="xMidYMid slice" clip-path="url(#installClip)"/>
|
||||
<rect x="660" y="220" width="540" height="200" rx="12" fill="none" stroke="#1A1A2E" stroke-width="3"/>
|
||||
<text x="680" y="465" font-family="Impact, "Arial Black", sans-serif" font-size="60" font-weight="900" fill="#FF6B4A" letter-spacing="-1">10</text>
|
||||
<text x="760" y="462" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="14" font-weight="700" fill="#1A1A2E">巨型装置</text>
|
||||
<text x="760" y="480" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="12" font-weight="600" fill="#5C5C7A">每件都能拍照打卡</text>
|
||||
<line x1="680" y1="500" x2="1180" y2="500" stroke="#1A1A2E" stroke-width="1.5"/>
|
||||
<circle cx="695" cy="530" r="5" fill="#FFD93D" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<text x="715" y="535" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="15" font-weight="700" fill="#1A1A2E">10 件巨型几何充气雕塑</text>
|
||||
<circle cx="695" cy="565" r="5" fill="#FFD93D" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<text x="715" y="570" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="15" font-weight="700" fill="#1A1A2E">AR 互动 · 扫码触发动画</text>
|
||||
<circle cx="695" cy="600" r="5" fill="#FFD93D" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<text x="715" y="605" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="15" font-weight="700" fill="#1A1A2E">彩绘工坊 · 夜光涂鸦墙</text>
|
||||
<circle cx="695" cy="635" r="5" fill="#FFD93D" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<text x="715" y="640" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="15" font-weight="700" fill="#1A1A2E">入夜后变身霓虹艺术园</text>
|
||||
</g>
|
||||
|
||||
<!-- Footer -->
|
||||
<g id="footer">
|
||||
<text x="60" y="700" font-family="Arial, sans-serif" font-size="12" font-weight="600" fill="#5C5C7A">市集与装置均含在通票内 · 无需额外票</text>
|
||||
<text x="1220" y="700" text-anchor="end" font-family="Impact, sans-serif" font-size="14" font-weight="900" fill="#1A1A2E" letter-spacing="3">12 / 14</text>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 6.5 KiB |
@@ -0,0 +1,98 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
|
||||
<!-- P13 GET YOUR TICKET · dense · chart: comparison_columns (3 tiers) + sponsor strip -->
|
||||
|
||||
<g id="bg">
|
||||
<rect width="1280" height="720" fill="#FFF8EE"/>
|
||||
</g>
|
||||
|
||||
<!-- Header -->
|
||||
<g id="header">
|
||||
<rect x="60" y="55" width="14" height="60" fill="#00B8D9"/>
|
||||
<text x="90" y="95" font-family="Impact, "Arial Black", sans-serif" font-size="48" font-weight="900" fill="#1A1A2E" letter-spacing="1">GET YOUR TICKET</text>
|
||||
<text x="90" y="125" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="18" font-weight="700" fill="#5C5C7A" letter-spacing="3">三档票务 · 立即开售</text>
|
||||
<use data-icon="chunk-filled/ticket" x="1170" y="60" width="50" height="50" fill="#FF3DA5"/>
|
||||
</g>
|
||||
|
||||
<!-- ====== EARLY BIRD (sold out, gray-ish) ====== -->
|
||||
<g id="tier-early">
|
||||
<rect x="80" y="170" width="340" height="380" rx="14" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4"/>
|
||||
<path d="M 84 170 h 332 a 10 10 0 0 1 4 4 v 96 h -340 v -96 a 10 10 0 0 1 4 -4 Z" fill="#5C5C7A"/>
|
||||
<text x="250" y="215" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="32" font-weight="900" fill="#FFF8EE" letter-spacing="2">EARLY BIRD</text>
|
||||
<text x="250" y="245" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="14" font-weight="700" fill="#FFF8EE">限量 5000 张</text>
|
||||
<!-- Price with strikethrough -->
|
||||
<text x="250" y="320" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="64" font-weight="900" fill="#5C5C7A" letter-spacing="-2" text-decoration="line-through">¥499</text>
|
||||
<!-- SOLD OUT stamp -->
|
||||
<rect x="160" y="335" width="180" height="40" rx="20" fill="#FF6B4A" stroke="#1A1A2E" stroke-width="3" transform="rotate(-8, 250, 355)"/>
|
||||
<text x="250" y="364" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="22" font-weight="900" fill="#FFF8EE" letter-spacing="4" transform="rotate(-8, 250, 355)">SOLD OUT</text>
|
||||
<!-- Features -->
|
||||
<line x1="110" y1="400" x2="390" y2="400" stroke="#1A1A2E" stroke-width="1.5"/>
|
||||
<text x="115" y="430" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="15" font-weight="700" fill="#5C5C7A">✓ 7 天通票</text>
|
||||
<text x="115" y="460" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="15" font-weight="700" fill="#5C5C7A">✓ 入场不限场</text>
|
||||
<text x="115" y="490" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="15" font-weight="700" fill="#5C5C7A">— VIP 专区</text>
|
||||
<text x="115" y="520" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="15" font-weight="700" fill="#5C5C7A">— 艺人会面</text>
|
||||
</g>
|
||||
|
||||
<!-- ====== REGULAR (recommended, BLUE) ====== -->
|
||||
<g id="tier-regular">
|
||||
<rect x="440" y="150" width="400" height="420" rx="14" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="5"/>
|
||||
<path d="M 444 150 h 392 a 10 10 0 0 1 4 4 v 116 h -400 v -116 a 10 10 0 0 1 4 -4 Z" fill="#00B8D9"/>
|
||||
<!-- RECOMMENDED badge -->
|
||||
<rect x="580" y="135" width="120" height="32" rx="16" fill="#FFD93D" stroke="#1A1A2E" stroke-width="3"/>
|
||||
<text x="640" y="156" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="13" font-weight="900" fill="#1A1A2E" letter-spacing="2">RECOMMENDED</text>
|
||||
<text x="640" y="206" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="36" font-weight="900" fill="#FFF8EE" letter-spacing="3">REGULAR</text>
|
||||
<text x="640" y="232" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="14" font-weight="700" fill="#FFF8EE">日常档 · 主力推荐</text>
|
||||
<text x="640" y="260" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" font-weight="700" fill="#FFF8EE" fill-opacity="0.9">限量 30000 张</text>
|
||||
<!-- Price -->
|
||||
<text x="640" y="350" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="84" font-weight="900" fill="#1A1A2E" letter-spacing="-2">¥799</text>
|
||||
<line x1="470" y1="395" x2="810" y2="395" stroke="#1A1A2E" stroke-width="1.5"/>
|
||||
<text x="475" y="425" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="15" font-weight="700" fill="#1A1A2E"><tspan fill="#00B8D9" font-weight="900">✓</tspan> 7 天通票 · 全部 5 个舞台</text>
|
||||
<text x="475" y="455" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="15" font-weight="700" fill="#1A1A2E"><tspan fill="#00B8D9" font-weight="900">✓</tspan> 含 1 杯指定饮品</text>
|
||||
<text x="475" y="485" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="15" font-weight="700" fill="#1A1A2E"><tspan fill="#00B8D9" font-weight="900">✓</tspan> 免费寄存 + 接驳车</text>
|
||||
<text x="475" y="515" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="15" font-weight="700" fill="#5C5C7A">— VIP 专区</text>
|
||||
<!-- BUY NOW button -->
|
||||
<rect x="490" y="540" width="300" height="50" rx="25" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="4"/>
|
||||
<text x="640" y="572" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="20" font-weight="900" fill="#FFF8EE" letter-spacing="3">BUY NOW →</text>
|
||||
</g>
|
||||
|
||||
<!-- ====== VIP 7-DAY PASS (Yellow) ====== -->
|
||||
<g id="tier-vip">
|
||||
<rect x="860" y="170" width="340" height="380" rx="14" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4"/>
|
||||
<path d="M 864 170 h 332 a 10 10 0 0 1 4 4 v 96 h -340 v -96 a 10 10 0 0 1 4 -4 Z" fill="#FFD93D"/>
|
||||
<text x="1030" y="215" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="32" font-weight="900" fill="#1A1A2E" letter-spacing="2">VIP PASS</text>
|
||||
<text x="1030" y="245" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="14" font-weight="700" fill="#1A1A2E">限量 500 张</text>
|
||||
<text x="1030" y="320" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="64" font-weight="900" fill="#1A1A2E" letter-spacing="-2">¥1999</text>
|
||||
<use data-icon="chunk-filled/star" x="1014" y="335" width="32" height="32" fill="#FF3DA5"/>
|
||||
<line x1="890" y1="380" x2="1170" y2="380" stroke="#1A1A2E" stroke-width="1.5"/>
|
||||
<text x="895" y="410" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="15" font-weight="700" fill="#1A1A2E"><tspan fill="#FF3DA5" font-weight="900">✓</tspan> 7 天全程通票</text>
|
||||
<text x="895" y="440" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="15" font-weight="700" fill="#1A1A2E"><tspan fill="#FF3DA5" font-weight="900">✓</tspan> VIP 专区 + 包厢</text>
|
||||
<text x="895" y="470" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="15" font-weight="700" fill="#1A1A2E"><tspan fill="#FF3DA5" font-weight="900">✓</tspan> 头牌艺人会面</text>
|
||||
<text x="895" y="500" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="15" font-weight="700" fill="#1A1A2E"><tspan fill="#FF3DA5" font-weight="900">✓</tspan> 周边礼包 + 限定徽章</text>
|
||||
<rect x="900" y="520" width="260" height="40" rx="20" fill="#1A1A2E"/>
|
||||
<text x="1030" y="546" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="16" font-weight="900" fill="#FFD93D" letter-spacing="3">CONTACT US →</text>
|
||||
</g>
|
||||
|
||||
<!-- ====== Sponsor strip ====== -->
|
||||
<g id="sponsor-strip">
|
||||
<rect x="60" y="595" width="1160" height="70" rx="12" fill="#1A1A2E"/>
|
||||
<text x="84" y="618" font-family="Impact, sans-serif" font-size="13" font-weight="900" fill="#FFD93D" letter-spacing="3">SPONSORED BY · 鸣谢</text>
|
||||
<use data-icon="chunk-filled/gift" x="290" y="608" width="20" height="20" fill="#FFF8EE"/>
|
||||
<text x="316" y="623" font-family="Impact, sans-serif" font-size="14" font-weight="900" fill="#FFF8EE" letter-spacing="2">COCOFRESH</text>
|
||||
<use data-icon="chunk-filled/bolt" x="450" y="608" width="20" height="20" fill="#FFF8EE"/>
|
||||
<text x="476" y="623" font-family="Impact, sans-serif" font-size="14" font-weight="900" fill="#FFF8EE" letter-spacing="2">NEONIX</text>
|
||||
<use data-icon="chunk-filled/sparkles" x="600" y="608" width="20" height="20" fill="#FFF8EE"/>
|
||||
<text x="626" y="623" font-family="Impact, sans-serif" font-size="14" font-weight="900" fill="#FFF8EE" letter-spacing="2">SUGAR LAB</text>
|
||||
<use data-icon="chunk-filled/music" x="780" y="608" width="20" height="20" fill="#FFF8EE"/>
|
||||
<text x="806" y="623" font-family="Impact, sans-serif" font-size="14" font-weight="900" fill="#FFF8EE" letter-spacing="2">RIPPLE TV</text>
|
||||
<use data-icon="chunk-filled/heart" x="940" y="608" width="20" height="20" fill="#FFF8EE"/>
|
||||
<text x="966" y="623" font-family="Impact, sans-serif" font-size="14" font-weight="900" fill="#FFF8EE" letter-spacing="2">PINK MOON</text>
|
||||
<use data-icon="chunk-filled/sun" x="1100" y="608" width="20" height="20" fill="#FFF8EE"/>
|
||||
<text x="1126" y="623" font-family="Impact, sans-serif" font-size="14" font-weight="900" fill="#FFF8EE" letter-spacing="2">DAYBREAK</text>
|
||||
<text x="84" y="650" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="11" font-weight="600" fill="#FFF8EE" fill-opacity="0.7">官方饮品 · 灯光 · 周边制造 · 媒体 · 美妆 · 接驳出行</text>
|
||||
</g>
|
||||
|
||||
<!-- Footer -->
|
||||
<g id="footer">
|
||||
<text x="60" y="700" font-family="Arial, sans-serif" font-size="12" font-weight="600" fill="#5C5C7A">购票通道 · sugarrush.fest · 限购 4 张 / 实名</text>
|
||||
<text x="1220" y="700" text-anchor="end" font-family="Impact, sans-serif" font-size="14" font-weight="900" fill="#1A1A2E" letter-spacing="3">13 / 14</text>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 9.8 KiB |
@@ -0,0 +1,44 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
|
||||
<!-- P14 SEE YOU IN SUMMER · anchor · hero_page with closing.png (text embedded in image) -->
|
||||
|
||||
<g id="bg-image">
|
||||
<image href="../images/closing.png" x="0" y="0" width="1280" height="720" preserveAspectRatio="xMidYMid slice"/>
|
||||
</g>
|
||||
|
||||
<!-- Bottom-left date pill -->
|
||||
<g id="date-pill">
|
||||
<rect x="60" y="500" width="380" height="80" rx="40" fill="#FFF8EE" stroke="#1A1A2E" stroke-width="4"/>
|
||||
<use data-icon="chunk-filled/calendar" x="90" y="525" width="30" height="30" fill="#FF3DA5"/>
|
||||
<text x="135" y="535" font-family="Impact, sans-serif" font-size="14" font-weight="900" fill="#5C5C7A" letter-spacing="3">SUGAR RUSH · 2026</text>
|
||||
<text x="135" y="568" font-family="Impact, "Arial Black", sans-serif" font-size="32" font-weight="900" fill="#1A1A2E" letter-spacing="2">7.18 — 7.24</text>
|
||||
</g>
|
||||
|
||||
<!-- Bottom-right link pill -->
|
||||
<g id="link-pill">
|
||||
<rect x="860" y="500" width="360" height="80" rx="40" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="4"/>
|
||||
<text x="1040" y="535" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="14" font-weight="700" fill="#FFF8EE" letter-spacing="3">GET YOUR TICKET</text>
|
||||
<text x="1040" y="568" text-anchor="middle" font-family="Impact, "Arial Black", sans-serif" font-size="28" font-weight="900" fill="#FFF8EE" letter-spacing="1">sugarrush.fest</text>
|
||||
</g>
|
||||
|
||||
<!-- Center subtitle band -->
|
||||
<g id="subtitle">
|
||||
<rect x="290" y="610" width="700" height="56" rx="28" fill="#1A1A2E"/>
|
||||
<use data-icon="chunk-filled/heart" x="320" y="624" width="28" height="28" fill="#FFD93D"/>
|
||||
<text x="640" y="645" text-anchor="middle" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="20" font-weight="700" fill="#FFF8EE">谢谢每一个 <tspan fill="#FFD93D" font-weight="900">让夏天变甜</tspan> 的人</text>
|
||||
</g>
|
||||
|
||||
<!-- Decoration: scattered confetti at top -->
|
||||
<g id="decor-top">
|
||||
<circle cx="100" cy="100" r="10" fill="#FF3DA5" stroke="#1A1A2E" stroke-width="3"/>
|
||||
<circle cx="135" cy="80" r="6" fill="#FFD93D" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<circle cx="170" cy="130" r="8" fill="#00C896" stroke="#1A1A2E" stroke-width="2"/>
|
||||
<polygon points="1170,90 1200,120 1140,120" fill="#00B8D9" stroke="#1A1A2E" stroke-width="3"/>
|
||||
<path d="M 1080 60 L 1110 80 L 1110 60 L 1140 80" stroke="#FF6B4A" stroke-width="4" fill="none" stroke-linecap="round"/>
|
||||
</g>
|
||||
|
||||
<!-- Footer minimal -->
|
||||
<g id="footer">
|
||||
<text x="60" y="700" font-family="Arial, sans-serif" font-size="11" font-weight="600" fill="#1A1A2E" fill-opacity="0.6">© SUGAR RUSH 2026 · Made with sugar in 椰岛大草原</text>
|
||||
<text x="1220" y="700" text-anchor="end" font-family="Impact, sans-serif" font-size="14" font-weight="900" fill="#1A1A2E" letter-spacing="3">14 / 14 · FIN.</text>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.9 KiB |
Reference in New Issue
Block a user