zcbot/skills/ppt/templates/layouts/zongyuan_red/design_spec.md

4.9 KiB
Raw Blame History

中国建材总院模板 (zongyuan_red)

Template Overview

  • Template ID: zongyuan_red
  • Display Name: 中国建材总院
  • Category: brand / government / research-institute
  • Canvas Format: ppt169 (1280×720)
  • Applicable Scenarios: 政企/科研院所汇报、专项立项、项目评审、职称评审、品牌宣讲
  • Tone: 严谨权威、政务正式、品牌辨识度强、简洁淡雅
  • Theme Mode: Light theme(白/浅灰底 + 品牌红强调 + 近黑文字)
  • Source: 逆向自 中国建筑材料科学研究总院有限公司(China Building Materials Academy)官方 PPT 模板 总院模板.pptx(封面/内容/尾页三档实测,章节/目录页按同一八边形+红斜三角 DNA 合成)

Color Palette

Role HEX Usage
Primary(品牌红) #D7000E logo、主红块、内容页底部红条、卡片红顶条、关键强调
Primary(目录标题红) #D52C24 目录页"目 录"标题(略哑,与主红区分)
Dark Text(近黑) #181717 机构名、主标题、内容页标题、卡片标题
Neutral Gray #6F6F6F 副标题、日期、说明文字、页码
Divider Gray #BCBDBD 内容页标题分隔线、副标题
Card Surface #ECECEC 卡片底、封面顶/底细边带
Background #FFFFFF 页面底色

红仅用于 logo / 主红块 / 底部红条 / 卡片红顶条 / 关键数字;大面积保持白与浅灰,红灰为主、简洁淡雅。

Typography

  • Primary Font(CJK): 微软雅黑(Microsoft YaHei);栈尾 sans-serif
  • Latin / 数字: Arial
  • 可选标题体: 方正兰亭黑(FZLanTingHei-M-GBK,原件封面标题用;未装则回退微软雅黑)
  • Title: 4446px bold(封面白字 / 章节近黑)
  • Content Title: 26px bold #181717
  • Subtitle / Body: 1420px,#6F6F6F / #BCBDBD
  • Number / Footer: Arial,#6F6F6F

Logo(bundled)

  • File: logo.png — 红色八边形(八角星镂空)+ "中国建材" 字标,透明底
  • Usage: 封面顶左(octagon + 机构全称并排)、内容页右上角、章节/目录白色区角标
  • 禁忌: 不可置于红底之上(红字标会与红底同色不可见)——红区内改用反白或留白区放置

Bundled Assets

File 用途
logo.png 八边形品牌字标(封面/内容/尾页角标)
cover_bg.jpg 总部大楼灰度实景(封面/目录页铺底,配白罩淡化)
ending_bg.jpg 材料应用马赛克灰度实景(尾页铺底)

Layout Conventions

Universal Rules

  • 画布 16:9(1280×720 / 13.33×7.5 in,英寸×96 = px)
  • 实景铺底页(封面/目录/尾页)统一压白罩(#FFFFFF fill-opacity 0.300.48)让文字浮起
  • 内容页右上角八边形 logo、底部品牌红条为品牌识别核心,禁省略
  • 卡片网格:4 列 × 266px 宽,间距 ≈22px,内容区 y≈150 起

Page Structure

  1. Cover (01_cover.svg) — 总部大楼灰度铺底 + 顶左 logo & 机构全称(近黑)+ 居中主红块(右满出血)+ 白色主标题 + 副标题/作者/日期
  2. TOC (02_toc.svg) — 左上实景区 + 右下大红斜三角 + "目 录"红标题(#D52C24)+ 白字方块序号章节条目 + 左下 logo
  3. Chapter (02_chapter.svg) — 白底 + 右侧八边形品牌水印(呼应 logo)+ 左侧红 PART 胶囊 + 章节大标题 + 红下划线 + 左下 logo
  4. Content (03_content.svg) — 左缘红方块 + 标题(26px 近黑)+ 灰分隔线 + 右上 logo + 灰底红顶条卡片 + 底部红条 + 页码
  5. Ending (04_ending.svg) — 材料马赛克灰度铺底 + 集团口号"材料创造美好世界"(红)+ Thanks + 结束信息 + 右上 logo

Placeholder Contract

Page Placeholders
Cover {{TITLE}}, {{SUBTITLE}}, {{AUTHOR}}, {{DATE}}
TOC {{TOC_ITEM_1_TITLE}}{{TOC_ITEM_4_TITLE}}
Chapter {{CHAPTER_NUM}}, {{CHAPTER_TITLE}}
Content {{PAGE_TITLE}}, {{PAGE_SUBTITLE}}, {{PAGE_NUM}}(内容区卡片按本页内容重排)
Ending {{THANK_YOU}}(默认 "Thanks"), {{CONTACT_INFO}}

Design Principles

  1. Brand consistency — 八边形 logo + 品牌红是识别核心,禁省略/换色
  2. Restraint — 红灰为主,红仅点在 logo/红块/红条/红顶条/关键数字;大面积白与浅灰
  3. Conclusion-first — 内容页优先断言式标题 + 结论先行
  4. Whitespace — 大面积留白,实景铺底页压白罩保持淡雅
  5. Structure clarity — 统一分隔线、4 列卡片网格、40/49px 左缘栅格

SVG Technical Constraints

严格遵守 shared-standards 全局约束:

  • 禁用 <style> / class / <mask> / <symbol>+<use> / <foreignObject> / @font-face / rgba() / HTML 命名实体
  • 透明度用 fill-opacity / stroke-opacity
  • 图片用 <image xlink:href="…" preserveAspectRatio="xMidYMid slice">,finalize 阶段内嵌为 base64
  • 图标(如需)用 <use data-icon="<lib>/<name>"> 引全局图标库
  • 字体栈尾必须是预装字体(微软雅黑 / Arial)