| 1 | # 林徽因：重识建筑师，而非传说 - Design Spec |
| 2 | |
| 3 | > This document is the human-readable design narrative — rationale, audience, style, color choices, content outline. It is read once by downstream roles for context. |
| 4 | > |
| 5 | > The machine-readable execution contract lives in `spec_lock.md` (short form of color / typography / icon / image decisions). Executor re-reads `spec_lock.md` before every SVG page to resist context-compression drift. Keep the two files in sync; if they diverge, `spec_lock.md` wins. |
| 6 | |
| 7 | ## I. Project Information |
| 8 | |
| 9 | | Item | Value | |
| 10 | | ---- | ----- | |
| 11 | | **Project Name** | 林徽因：重识建筑师，而非传说 | |
| 12 | | **Canvas Format** | PPT 16:9 (1280×720) | |
| 13 | | **Page Count** | 9 | |
| 14 | | **Design Style** | General Versatile (A) | |
| 15 | | **Target Audience** | 建筑与人文兴趣受众、文化传播从业者、讲座观众 | |
| 16 | | **Use Case** | 纪念专题短讲、展陈式内容演示、公众号内容延展分享 | |
| 17 | | **Created Date** | 2026-04-22 | |
| 18 | |
| 19 | --- |
| 20 | |
| 21 | ## II. Canvas Specification |
| 22 | |
| 23 | | Property | Value | |
| 24 | | -------- | ----- | |
| 25 | | **Format** | PPT 16:9 | |
| 26 | | **Dimensions** | 1280×720 | |
| 27 | | **viewBox** | `0 0 1280 720` | |
| 28 | | **Margins** | 左右 64px，上下 48px | |
| 29 | | **Content Area** | 1152×624 (64,48 → 1216,672) | |
| 30 | |
| 31 | --- |
| 32 | |
| 33 | ## III. Visual Theme |
| 34 | |
| 35 | ### Theme Style |
| 36 | |
| 37 | - **Style**: General Versatile — 博物馆展陈感、建筑图志感、编辑化版式 |
| 38 | - **Theme**: Light theme（浅底展签式视觉） |
| 39 | - **Tone**: 克制、考据、现代，避免“厚重纪念片”套路，强调“重新认识”与“建筑专业身份” |
| 40 | |
| 41 | ### Color Scheme |
| 42 | |
| 43 | | Role | HEX | Purpose | |
| 44 | | ---- | --- | ------- | |
| 45 | | **Background** | `#F6F1E8` | 主背景，纸张感米白 | |
| 46 | | **Secondary bg** | `#EFE7DA` | 分区底色、卡片浅底 | |
| 47 | | **Primary** | `#A44A3F` | 建筑砖红，主标题、关键引导线 | |
| 48 | | **Accent** | `#6E7C80` | 青灰，用于结构线与辅助标签 | |
| 49 | | **Secondary accent** | `#B6915E` | 金棕，用于强调与页码装饰 | |
| 50 | | **Body text** | `#1F1B16` | 主正文深墨黑 | |
| 51 | | **Secondary text** | `#6A6258` | 图注、说明、注解 | |
| 52 | | **Tertiary text** | `#978C7E` | 页脚、辅助信息 | |
| 53 | | **Border/divider** | `#D8CBB8` | 细分隔线、轮廓线 | |
| 54 | | **Success** | `#4F7A59` | 正向标记 | |
| 55 | | **Warning** | `#B45B4C` | 风险、争议、历史张力标记 | |
| 56 | |
| 57 | ### Gradient Scheme (if needed, using SVG syntax) |
| 58 | |
| 59 | ```xml |
| 60 | <linearGradient id="titleGradient" x1="0%" y1="0%" x2="100%" y2="0%"> |
| 61 | <stop offset="0%" stop-color="#A44A3F"/> |
| 62 | <stop offset="100%" stop-color="#B6915E"/> |
| 63 | </linearGradient> |
| 64 | |
| 65 | <linearGradient id="paperFade" x1="0%" y1="0%" x2="0%" y2="100%"> |
| 66 | <stop offset="0%" stop-color="#F6F1E8"/> |
| 67 | <stop offset="100%" stop-color="#EFE7DA"/> |
| 68 | </linearGradient> |
| 69 | ``` |
| 70 | |
| 71 | --- |
| 72 | |
| 73 | ## IV. Typography System |
| 74 | |
| 75 | ### Font Plan |
| 76 | |
| 77 | **Typography direction**: editorial display + modern CJK sans |
| 78 | |
| 79 | | Role | Chinese | English | Fallback | |
| 80 | | ---- | ------- | ------- | -------- | |
| 81 | | **Title** | Songti SC | Georgia | SimSun | |
| 82 | | **Body** | PingFang SC | Arial | Microsoft YaHei | |
| 83 | | **Emphasis** | SimHei | Arial | Microsoft YaHei | |
| 84 | | **Code** | - | Consolas | Courier New | |
| 85 | |
| 86 | **Per-role font stacks**: |
| 87 | - Title: `Georgia, "Times New Roman", "Songti SC", SimSun, serif` |
| 88 | - Body: `"PingFang SC", "Microsoft YaHei", Arial, sans-serif` |
| 89 | - Emphasis: `"Microsoft YaHei", Arial, sans-serif` |
| 90 | - Code: `Consolas, "Courier New", monospace` |
| 91 | |
| 92 | ### Font Size Hierarchy |
| 93 | |
| 94 | **Baseline**: Body font size = 20px |
| 95 | |
| 96 | | Purpose | Ratio to body | 24px baseline (relaxed) | 18px baseline (dense) | Weight | |
| 97 | | ------- | ------------- | ---------------------- | -------------------- | ------ | |
| 98 | | Cover title (hero headline) | 2.5-5x | 60-120px | 45-90px | Bold / Heavy | |
| 99 | | Chapter / section opener | 2-2.5x | 48-60px | 36-45px | Bold | |
| 100 | | Page title | 1.5-2x | 36-48px | 27-36px | Bold | |
| 101 | | Hero number (consulting KPIs) | 1.5-2x | 36-48px | 27-36px | Bold | |
| 102 | | Subtitle | 1.2-1.5x | 29-36px | 22-27px | SemiBold | |
| 103 | | **Body content** | **1x** | **24px** | **18px** | Regular | |
| 104 | | Annotation / caption | 0.7-0.85x | 17-20px | 13-15px | Regular | |
| 105 | | Page number / footnote | 0.5-0.65x | 12-16px | 9-12px | Regular | |
| 106 | |
| 107 | **Current project anchors**: |
| 108 | - Cover title: 64px |
| 109 | - Page title: 34px |
| 110 | - Subtitle: 24px |
| 111 | - Body: 20px |
| 112 | - Annotation: 14px |
| 113 | - Page number: 11px |
| 114 | |
| 115 | --- |
| 116 | |
| 117 | ## V. Layout Principles |
| 118 | |
| 119 | ### Page Structure |
| 120 | |
| 121 | - **Header area**: 88px，高标题区，含页码与章节标识 |
| 122 | - **Content area**: 560px，主内容区 |
| 123 | - **Footer area**: 24px，来源/页码/说明信息 |
| 124 | |
| 125 | ### Layout Pattern Library (combine or break as content demands) |
| 126 | |
| 127 | | Pattern | Suitable Scenarios | |
| 128 | | ------- | ----------------- | |
| 129 | | **Single column centered** | 封面、结尾、核心判断 | |
| 130 | | **Asymmetric split (4:6 / 5:5)** | 图文叙事、作品说明 | |
| 131 | | **Three-column cards** | 作品拼图、贡献拆解 | |
| 132 | | **Matrix grid (2×2)** | 多图现场对照 | |
| 133 | | **Z-pattern / waterfall** | 生平与方法论展开 | |
| 134 | | **Figure-text overlap** | 封面、人物页、纪念碑页 | |
| 135 | | **Negative-space-driven** | “重新认识”式强调页 | |
| 136 | |
| 137 | ### Spacing Specification |
| 138 | |
| 139 | **Universal**: |
| 140 | |
| 141 | | Element | Recommended Range | Current Project | |
| 142 | | ------- | ---------------- | --------------- | |
| 143 | | Safe margin from canvas edge | 40-60px | 48-64px | |
| 144 | | Content block gap | 24-40px | 28px | |
| 145 | | Icon-text gap | 8-16px | 10px | |
| 146 | |
| 147 | **Card-based layouts**: |
| 148 | |
| 149 | | Element | Recommended Range | Current Project | |
| 150 | | ------- | ---------------- | --------------- | |
| 151 | | Card gap | 20-32px | 24px | |
| 152 | | Card padding | 20-32px | 22px | |
| 153 | | Card border radius | 8-16px | 14px | |
| 154 | | Single-row card height | 530-600px | 540px | |
| 155 | | Double-row card height | 265-295px each | 268px | |
| 156 | | Three-column card width | 360-380px each | 356px | |
| 157 | |
| 158 | **Non-card containers**: |
| 159 | |
| 160 | - 用留白和细分隔线，而非大量深色大卡片 |
| 161 | - 图注与正文分层明确，图像边缘允许与文本轻微叠压形成编辑感 |
| 162 | - breathing 页避免多卡片并列 |
| 163 | |
| 164 | --- |
| 165 | |
| 166 | ## VI. Icon Usage Specification |
| 167 | |
| 168 | ### Source |
| 169 | |
| 170 | - **Built-in icon library**: `templates/icons/tabler-outline/` |
| 171 | - **Library**: `tabler-outline` |
| 172 | - **Usage method**: Placeholder format `{{icon:tabler-outline/icon-name}}` |
| 173 | |
| 174 | ### Recommended Icon List (fill as needed) |
| 175 | |
| 176 | | Purpose | Icon Path | Page | |
| 177 | | ------- | --------- | ---- | |
| 178 | | 建筑身份 | `{{icon:tabler-outline/building}}` | Slide 01, 03 | |
| 179 | | 纪念性建筑 | `{{icon:tabler-outline/building-monument}}` | Slide 05, 09 | |
| 180 | | 校园与教育 | `{{icon:tabler-outline/school}}` | Slide 04, 07 | |
| 181 | | 交通建筑 | `{{icon:tabler-outline/train}}` | Slide 03 | |
| 182 | | 测绘与勘察 | `{{icon:tabler-outline/compass}}` | Slide 07, 08 | |
| 183 | | 论文与著述 | `{{icon:tabler-outline/article}}` | Slide 06 | |
| 184 | | 学术出版 | `{{icon:tabler-outline/book-2}}` | Slide 07 | |
| 185 | | 重识/观看 | `{{icon:tabler-outline/eye}}` | Slide 02 | |
| 186 | | 历史节点 | `{{icon:tabler-outline/timeline}}` | Slide 03 | |
| 187 | | 先驱/方向 | `{{icon:tabler-outline/flag}}` | Slide 07 | |
| 188 | | 人文温度 | `{{icon:tabler-outline/heart}}` | Slide 08, 09 | |
| 189 | | 世界眼光 | `{{icon:tabler-outline/globe}}` | Slide 06 | |
| 190 | |
| 191 | --- |
| 192 | |
| 193 | ## VII. Visualization Reference List (if needed) |
| 194 | |
| 195 | | Visualization Type | Reference Template | Used In | |
| 196 | | ------------------ | ------------------ | ------- | |
| 197 | | timeline | `templates/charts/timeline.svg` | Slide 03 | |
| 198 | | icon_grid | `templates/charts/icon_grid.svg` | Slide 07 | |
| 199 | | vertical_list | `templates/charts/vertical_list.svg` | Slide 06 | |
| 200 | |
| 201 | --- |
| 202 | |
| 203 | ## VIII. Image Resource List (if needed) |
| 204 | |
| 205 | | Filename | Dimensions | Ratio | Purpose | Type | Status | Generation Description | |
| 206 | | -------- | --------- | ----- | ------- | ---- | ------ | --------------------- | |
| 207 | | lin_portrait.png | 640x703 | 0.91 | 封面人物主视觉 | Photography | Existing | - | |
| 208 | | jihai_station_old.png | 670x346 | 1.94 | 吉海铁路总站历史照片 | Photography | Existing | - | |
| 209 | | jihai_station_new.png | 1080x608 | 1.78 | 吉海铁路总站修复后照片 | Photography | Existing | - | |
| 210 | | pku_geology.png | 745x414 | 1.80 | 北大地质馆旧址 | Photography | Existing | - | |
| 211 | | yingqiu_yuan.png | 792x606 | 1.31 | 映秋院历史照片 | Photography | Existing | - | |
| 212 | | kunming_site.png | 1080x783 | 1.38 | 昆明自宅相关照片 | Photography | Existing | - | |
| 213 | | babaoshan.png | 1080x712 | 1.52 | 八宝山革命公墓 | Photography | Existing | - | |
| 214 | | monument.png | 960x1280 | 0.75 | 人民英雄纪念碑 | Photography | Existing | - | |
| 215 | | lin_tomb.png | 1080x796 | 1.36 | 林徽因墓碑 | Photography | Existing | - | |
| 216 | | first_paper.png | 1080x810 | 1.33 | 首篇建筑论文图像 | Photography | Existing | - | |
| 217 | | liang_lin_together.png | 1000x710 | 1.41 | 梁思成与林徽因合影 | Photography | Existing | - | |
| 218 | | lin_survey.png | 1080x1145 | 0.94 | 实地考察古建筑照片 | Photography | Existing | - | |
| 219 | | lin_later.png | 640x640 | 1.00 | 晚年肖像 | Photography | Existing | - | |
| 220 | |
| 221 | --- |
| 222 | |
| 223 | ## IX. Content Outline |
| 224 | |
| 225 | ### Part 1: 重新认识她 |
| 226 | |
| 227 | #### Slide 01 - 封面 |
| 228 | |
| 229 | - **Layout**: 左侧大标题 + 右侧竖向人物照片 + 下方展签式副标题 |
| 230 | - **Title**: 林徽因 |
| 231 | - **Subtitle**: 重识建筑师，而非传说 |
| 232 | - **Content**: |
| 233 | - 小标题：逝世 70 周年 |
| 234 | - 辅助说明：从作品、理论与行动三个维度，重看她在中国建筑史中的位置 |
| 235 | - **Image**: lin_portrait.png |
| 236 | |
| 237 | #### Slide 02 - 为什么今天要重识林徽因 |
| 238 | |
| 239 | - **Layout**: breathing 页，中央判断句 + 三个并列观察维度 |
| 240 | - **Title**: 被看见的，常常不是她最重要的部分 |
| 241 | - **Content**: |
| 242 | - 她长期被“才女”“爱情故事”“文学光环”覆盖 |
| 243 | - 但真正支撑其历史地位的是建筑实践、理论建构与学科奠基 |
| 244 | - 这份重新认识，不是纠偏趣闻，而是重写知识坐标 |
| 245 | |
| 246 | ### Part 2: 她作为建筑师 |
| 247 | |
| 248 | #### Slide 03 - 建筑实践并不缺席 |
| 249 | |
| 250 | - **Layout**: 上方横向时间轴 + 下方三段作品节点 |
| 251 | - **Title**: 从墓碑到车站，她的建筑实践有清晰轨迹 |
| 252 | - **Visualization**: timeline |
| 253 | - **Content**: |
| 254 | - 1929 梁启超墓碑：学成归国后的起点 |
| 255 | - 1929 石头楼与吉海铁路总站：现代性与民族象征并置 |
| 256 | - 1932—1940 北大、映秋院、西南联大、昆明自宅：在战乱中坚持建筑理想 |
| 257 | |
| 258 | #### Slide 04 - 作品现场：建筑不是抽象名词 |
| 259 | |
| 260 | - **Layout**: 2×2 图像矩阵 + 右侧注释栏 |
| 261 | - **Title**: 四个现场，四种建筑回应 |
| 262 | - **Content**: |
| 263 | - 吉海铁路总站：地标性公共建筑的象征表达 |
| 264 | - 北大地质馆：现代主义转向 |
| 265 | - 映秋院：地方材料与民居经验 |
| 266 | - 昆明自宅：战时条件下的自我建造 |
| 267 | - **Image**: jihai_station_new.png, pku_geology.png, yingqiu_yuan.png, kunming_site.png |
| 268 | |
| 269 | #### Slide 05 - 国家尺度上的建筑参与 |
| 270 | |
| 271 | - **Layout**: 左图右文，纪念碑大图做视觉锚点 |
| 272 | - **Title**: 她的建筑工作，最终进入国家记忆 |
| 273 | - **Content**: |
| 274 | - 八宝山革命公墓：主体格局设计 |
| 275 | - 人民英雄纪念碑：提出扩大碑座与双层台阶的关键修改 |
| 276 | - 纹样与尺度处理体现其对中国传统建筑语汇的理解 |
| 277 | - 她最终也安葬在自己参与设计的空间中 |
| 278 | - **Image**: monument.png, babaoshan.png |
| 279 | |
| 280 | ### Part 3: 她作为理论奠基者 |
| 281 | |
| 282 | #### Slide 06 - 她不是“辅助者”，而是理论提出者 |
| 283 | |
| 284 | - **Layout**: 左侧论文图像 + 右侧纵向要点 |
| 285 | - **Title**: 1932 年，她已在定义“中国建筑” |
| 286 | - **Visualization**: vertical_list |
| 287 | - **Content**: |
| 288 | - 《论中国建筑之几个特征》是中国专业学者首次系统论述中国建筑 |
| 289 | - 她反驳了西方知识框架中的误读 |
| 290 | - 她提出了中国木构架体系的关键特征 |
| 291 | - 她为之后的中国建筑史叙述打下理论骨架 |
| 292 | - **Image**: first_paper.png |
| 293 | |
| 294 | #### Slide 07 - 学科、方法与远见 |
| 295 | |
| 296 | - **Layout**: 三列方法卡片 + 下方补充带 |
| 297 | - **Title**: 她真正留下的，是一套方法 |
| 298 | - **Visualization**: icon_grid |
| 299 | - **Content**: |
| 300 | - 研究方法：测绘、考察、史料与类型分析并重 |
| 301 | - 学科建设：参与东北大学、清华大学建筑系建设 |
| 302 | - 理论前瞻：民居保护、现代住宅、普通人居住问题 |
| 303 | - 关键词：建筑意、营造则例、住宅概论、民间建筑保护 |
| 304 | - **Image**: liang_lin_together.png |
| 305 | |
| 306 | ### Part 4: 她作为行动者 |
| 307 | |
| 308 | #### Slide 08 - 她如何穿过战火与病痛 |
| 309 | |
| 310 | - **Layout**: 左文右图，非卡片式长段落 + 引语强调 |
| 311 | - **Title**: 她不是“被陪伴的人”，她本身就是行动者 |
| 312 | - **Content**: |
| 313 | - 实地考察古建筑，翻山涉水并非旁观 |
| 314 | - 战乱流亡与长期病痛，没有中止她的研究和写作 |
| 315 | - “我还有好多事要做呢”呈现的是职业使命感，而非姿态 |
| 316 | - 她把个人生命压进了中国建筑学的奠基时刻 |
| 317 | - **Image**: lin_survey.png, lin_later.png |
| 318 | |
| 319 | #### Slide 09 - 结尾 |
| 320 | |
| 321 | - **Layout**: 单图纪念式收束 + 中央引文 |
| 322 | - **Title**: 墓碑上的七个字，已经足够准确 |
| 323 | - **Subtitle**: 建筑师林徽因墓 |
| 324 | - **Content**: |
| 325 | - 重新认识她，不是从传奇回到八卦，而是从八卦回到专业 |
| 326 | - 她是中国第一代建筑学人中的关键建构者 |
| 327 | - 她留下的，不只是作品，更是中国如何理解自身建筑的一套语言 |
| 328 | - **Image**: lin_tomb.png |
| 329 | |
| 330 | --- |
| 331 | |
| 332 | ## X. Speaker Notes Requirements |
| 333 | |
| 334 | - **File naming**: Match SVG names (e.g., `01_封面.svg` → `notes/01_封面.md`) |
| 335 | - **Total duration**: ~12 minutes |
| 336 | - **Notes style**: 讲解型 + 展签式叙述，克制、准确、少煽情 |
| 337 | - **Presentation purpose**: 纠偏认知 + 建立专业印象 |
| 338 | - **Content includes**: 每页讲解要点、页间过渡、必要的史实强调 |
| 339 | |
| 340 | --- |
| 341 | |
| 342 | ## XI. Technical Constraints Reminder |
| 343 | |
| 344 | ### SVG Generation Must Follow: |
| 345 | |
| 346 | 1. viewBox: `0 0 1280 720` |
| 347 | 2. Background uses `<rect>` elements |
| 348 | 3. Text wrapping uses `<tspan>` (`<foreignObject>` FORBIDDEN) |
| 349 | 4. Transparency defaults to `fill-opacity` / `stroke-opacity`; `rgba()` remains converter-compatible |
| 350 | 5. FORBIDDEN: `mask`, `<style>`, `class`, `foreignObject` |
| 351 | 6. FORBIDDEN: `textPath`, `animate*`, `script` |
| 352 | 7. Built-in icons use one library only: `tabler-outline` |
| 353 | |
| 354 | ### PPT Compatibility Rules: |
| 355 | |
| 356 | - Prefer opacity on each child element; `<g opacity="...">` remains compatible with an approximate-fidelity warning |
| 357 | - Image transparency uses overlay mask layer (`<rect fill="bg-color" opacity="0.x"/>`) |
| 358 | - Inline styles only; external CSS and `@font-face` FORBIDDEN |
| 359 |