--- deck_id: 中国电建_现代 kind: deck summary: Major engineering reports, international market promotion, technology achievement showcases, high-end business negotiations. canvas_format: ppt169 page_count: 5 primary_color: "#00418D" --- # POWERCHINA (中国电建) Modern Template v2 - Design Specification > Suitable for POWERCHINA major project reports, international business showcases, high-end summit roadshows, technology innovation releases, and similar scenarios. > **v2.0 Features**: Blends modern engineering aesthetics with an international perspective, emphasizing structural form, transparency, and digital expression. --- ## I. Template Overview | Property | Description | | -------------- | ---------------------------------------------------------------- | | **Template Name** | 中国电建_现代 (formerly powerchina_v2) | | **Use Cases** | Major engineering reports, international market promotion, technology achievement showcases, high-end business negotiations | | **Design Tone** | **Grand narrative, modern precision, digital tech, international vision** | | **Theme Mode** | Deep blue tech gradient + precision grid texture | --- ## II. Canvas Specification | Property | Value | | -------------- | ----------------------------- | | **Format** | Standard 16:9 | | **Dimensions** | 1280 × 720 px | | **viewBox** | `0 0 1280 720` | | **Page Margins** | Left/Right 80px, Top 100px, Bottom 60px | | **Safe Area** | x: 80-1200, y: 100-660 | --- ## III. Color Scheme ### Primary Colors (Upgraded) | Role | Color Value | Gradient (SVG defs) | Notes | | -------------- | ----------- | ------------------------------ | ---------------------------------- | | **POWERCHINA Blue** | `#00418D` | `#00418D` -> `#072C61` | Brand core color for main backgrounds, title bars | | **Tech Blue** | `#0066CC` | `#0066CC` -> `#0088FF` | Highlight color for charts, accent borders | | **Deep Sea Blue** | `#001F45` | N/A | Page base color for a deep, immersive feel | | **Engineering White** | `#FFFFFF` | N/A | Title text, inverted icons | ### Auxiliary Colors (National Strength) | Role | Color Value | Usage | | -------------- | ----------- | ---------------------------------- | | **China Red** | `#C41E3A` | Key data emphasis, progress bar indicators | | **Architectural Gray** | `#E2E8F0` | Grid lines, secondary text | | **Glorious Gold** | `#FFD700` | Honors, milestone highlights (Opacity 20%) | --- ## IV. Typography System ### Font Stack **Primary Font Stack**: `"Microsoft YaHei", Arial, sans-serif` ### Font Size Hierarchy (Enhanced Contrast) | Level | Usage | Size | Weight | Color | | ----- | ------------------ | ----- | ------- | ---------- | | H1 | Cover main title | 60px | Bold | #FFFFFF | | H2 | Page heading | 36px | Bold | #00418D | | H3 | Section title | 24px | Bold | #1A202C | | P | Body content | 18px | Regular | #4A5568 | | Num | Giant decorative numbers | 120px | Bold | Opacity 5% | --- ## V. Page Structure ### Common Navigation Bar (y=0 to 100) - **Top Blue Bar**: 8px height, deep blue gradient. - **Logo Area**: Fixed at upper-right corner with a white backing plate. - **Title Group**: Upper-left corner using **"Tag Style"** design, simulating engineering drawing labels. --- ## VI. Page Types ### 1. Cover Page (01_cover.svg) - **Visual Focus**: **"Foundation"** concept. Heavy deep blue supporting the bottom, transparent top. - **Background**: Overlaid with precision **"Geo Grid"** (latitude-longitude grid), symbolizing global presence. - **Layout**: Center-symmetric layout, projecting state-owned enterprise gravitas. ### 2. Table of Contents (02_toc.svg) - **Layout**: **"Milestones"** style. Horizontal timeline or connected cards, representing project progression. - **Elements**: Connection lines and node dots, simulating circuits or pipeline networks. ### 3. Chapter Page (02_chapter.svg) - **Background**: Deep blue tech gradient; large whitespace on the right for perspective grid. - **Numbers**: Giant outlined numbers (Stroke Only) — not just chapter numbers, but part of the architectural structure. ### 4. Content Page (03_content.svg) - **Layout**: **"Console"** style. Orderly top navigation bar, maximized content area. - **Details**: **"Corner Marks"** added at all four corners for a precision engineering feel. ### 5. Ending Page (04_ending.svg) - **Background**: Echoes the cover's "Foundation" structure. - **Elements**: Reinforces "win-win cooperation" concept with QR code / contact information displayed in zones. --- ## VII. SVG Page Roster | File | Role | Description | |------|------|-------------| | `01_cover.svg` | cover | Title slide; brand/project name + presenter + date | | `02_chapter.svg` | chapter | Chapter divider page (large number + chapter title) | | `02_toc.svg` | toc | Table of contents listing major sections | | `03_content.svg` | content | Main content page; body of the deck | | `04_ending.svg` | ending | Closing/thank-you page | ## VIII. Layout Patterns (Recommended) ### 1. Tech Cards - Cards with subtle borders and a glowing effect. - Ideal for showcasing key technical indicators or innovation achievements. ### 2. Dashboard - Combined layout of charts and key data. - Uses Tech Blue as the primary chart color. ### 3. Blueprint - Leverages the Geo Grid background to explain complex structures through lines and annotations. --- ## IX. Spacing Guidelines | Property | Value | Description | | -------------- | ----- | ------------------------ | | **Base Unit** | 4px | Precision design uses a 4px grid | | **Module Gap** | 40px | Generous spacing for breathing room | | **Card Gap** | 20px | Compact yet clear spacing | | **Inner Padding** | 32px | Distance between content and border | --- ## X. SVG Technical Constraints ### Mandatory Rules 1. **Gradients**: Use `` to create metallic or light/shadow effects. 2. **Grid**: Use `` to define precision grid backgrounds with opacity controlled at 0.05-0.1. 3. **Opacity**: Strictly use `fill-opacity` / `stroke-opacity`. 4. **Clipping/Masking**: `mask` is forbidden; `clipPath` is allowed only on `` under `shared-standards.md` §1.2. ### Forbidden Elements (Blacklist) - `mask` (masking); `clipPath` is allowed only on `` under `shared-standards.md` §1.2 - `