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

3.9 KiB
Raw Blame History

总院品牌红模板 (zongyuan_red)

Template Overview

  • Template ID: zongyuan_red
  • Display Name: 总院品牌红
  • Category: brand / government
  • Canvas Format: ppt169 (1280×720)
  • Applicable Scenarios: 政府/科研院所汇报、专项立项、项目评审、品牌宣讲
  • Tone: 严谨权威、政务正式、品牌辨识度强
  • Theme Mode: Light theme (white background + brand red accents + dark navy text)
  • Source: Adapted from 总院 (China Research Institute) corporate PPT template

Color Palette

Role HEX Usage
Primary (Brand Red) #D6000F 顶部色条、标题、强调、logo、关键数字
Dark Navy #1F2A44 副标题、图表主色、深色文字
Neutral Body #333333 正文文字
Neutral Muted #666666 辅助/说明文字
Background #F5F5F7 页面背景(可选白底)
Surface #FFFFFF 卡片/内容面板
Divider #E0E0E0 分隔线、描边
Takeaway Bg #D6000F @ 0.08 opacity 结论框浅底
Alert / Emphasis #D6000F 红色强调(与主色同)
Success #2E7D32 正向指标

避免过度使用红色——红色仅用于品牌色条、标题、关键数字;大面积背景保持白/浅灰。

Typography

  • Primary Font: Microsoft YaHei
  • Title: 32px bold, color #1F2A44 (or #D6000F for chapter/emphasis)
  • Subtitle: 18-20px regular, color #666666
  • Body: 15-16px regular, color #333333
  • Data/Number: Arial Bold, color #D6000F
  • Footer: 12-14px, color #999999

Layout Conventions

Universal Rules

  • 顶部 6px 红色品牌色条(内容页通用)
  • 右上角 logo 占位区80×50距右边 40px
  • 底部页脚30px 浅灰背景)含页码(右下 arial和模板信息左下微软雅黑灰字

Page Structure

  1. Cover (01_cover.svg)

    • 左侧白色主标题区(占 55%
    • 右侧深色/图片区(占 45%,可换图)
    • 顶部细红条 + logo 区
    • 底部副标题/日期/作者
  2. TOC (02_toc.svg)

    • 左侧"目录"超大红色字
    • 右侧章节列表:红色序号 + 章节标题
    • 顶部红色品牌色条
  3. Chapter (02_chapter.svg)

    • 超大背景数字PART 01淡红 0.08 透明)
    • 红色小胶囊标签 "PART 0N"
    • 中央大标题
    • 下方副标题
  4. Content (03_content.svg)

    • 顶部6px 红条 + 标题32px+ 分隔线
    • 可选:"Takeaway/结论" 浅红底色条(结论先行)
    • 主内容区 40-620 高度
    • 底部页脚
  5. Ending (04_ending.svg)

    • 深色渐变背景(#1F2A44#8B0010
    • 中央"谢 谢!"超大字
    • "Thank You" 英文副标
    • Q&A 胶囊
    • 底部信息区

Placeholder Contract

Page Placeholders
Cover {{TITLE}}, {{SUBTITLE}}, {{DATE}}, {{AUTHOR}}
TOC {{TOC_ITEM_1_TITLE}}, {{TOC_ITEM_2_TITLE}}, {{TOC_ITEM_3_TITLE}}, {{TOC_ITEM_4_TITLE}}, {{TOC_ITEM_5_TITLE}}
Chapter {{CHAPTER_NUM}}, {{CHAPTER_TITLE}}
Content {{PAGE_TITLE}}, {{CONTENT_AREA}}, {{PAGE_NUM}}
Ending {{THANK_YOU}}, {{CONTACT_INFO}}

Design Principles

  1. Brand consistency — 红色色条和顶栏是品牌识别核心,禁止省略
  2. Conclusion-first — 内容页优先使用 assertion headline断言式标题+ takeaway 条
  3. Whitespace — 大面积留白,只让红色出现在关键位置
  4. Structure clarity — 清晰的分隔线、统一的 padding40/60/80 栅格)
  5. Data visibility — 关键数字用红色 Arial Bold 放大显示

SVG Technical Constraints

严格遵守 PPT Master 全局技术约束:

  • 禁用 mask / <style> / class / <foreignObject> / <symbol>+<use>
  • 透明度使用 fill-opacity / stroke-opacity,不使用 rgba()
  • 图标使用 <use data-icon="chunk/xxx"> 引用全局图标库