Fully open content area (y=140 to y=670, width 1160px)
Bottom page number
Design Principle: The content page template only provides the page frame (title area + footer). The content area is freely designed by the Executor based on actual content. Available layouts include but are not limited to: cards, progress bars, tables, timelines, comparison charts, etc.
5. Ending Page (04_ending.svg)
Deep space black background
Neon glow main title
Summary card group
"GAME SAVED" visual effect
Progress button group
V. SVG Page Roster
File
Role
Description
01_cover.svg
cover
Title slide; 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
VI. Layout Modes
Mode
Use Cases
Single Column Centered
Cover, closing, key points
Two Columns (5:5)
Comparative display (e.g., Git vs GitHub)
Dual-Column Cards
Feature lists, trait comparisons
Three-Column Cards
Key takeaways, project lists
Progress Bar Display
Data statistics, usage rates
Timeline
History, processes, workflows
VII. Spacing Guidelines
Element
Value
Card spacing
20-30px
Content block spacing
30px
Card padding
20-24px
Card border radius
0px (blocky feel) or 4px
Border width
2-3px
Icon-to-text gap
12px
VIII. Visual Effects
Pixel Style Characteristics
Blocky icons and decorations
Use block characters such as: full block, dark shade, light shade, upper half, lower half, small black/white squares for decoration
Note: filter effects are typically ignored in PPT, but render well in SVG-compatible viewers.
Emoji Usage
🎮 Game/Save
💾 Save
🔀 Branch/Merge
📁 Folder
📝 Document
🚀 Release
⏪ Revert
👾 Developer
🌐 Network/Cloud
✅ Confirm/Success
🎯 Target/Key Point
🤔 Question/Thinking
IX. SVG Technical Constraints
Mandatory Rules
viewBox: 0 0 1280 720
Use <rect> elements for backgrounds
Use <tspan> for text wrapping (no <foreignObject>)
Use fill-opacity / stroke-opacity for transparency; rgba() is prohibited
Prohibited: mask, <style>, class, foreignObject. clipPath is allowed only on <image> under shared-standards.md §1.2
Prohibited: textPath, animate*, script
marker-start / marker-end conditionally allowed (marker in <defs>, orient="auto", shape = triangle/diamond/oval) — see shared-standards.md §1.1
PPT Compatibility Rules
No <g opacity="..."> (group opacity); set opacity on each child element individually
Use overlay layers instead of image opacity
Use inline styles only; external CSS and @font-face are prohibited
filter effects serve as enhancements (allowed) and do not affect baseline display
X. Placeholder Specification
Templates use {{PLACEHOLDER}} format placeholders. Common placeholders:
Placeholder
Description
{{TITLE}}
Main title
{{SUBTITLE}}
Subtitle
{{AUTHOR}}
Author/Organization
{{PAGE_TITLE}}
Page title
{{PAGE_TITLE_EN}}
Page title (English)
{{CONTENT_AREA}}
Flexible content area
{{CHAPTER_NUM}}
Chapter number
{{PAGE_NUM}}
Page number
{{TOTAL_PAGES}}
Total page count
{{VERSION}}
Version number
{{TOC_ITEM_N_TITLE}}
TOC item title
{{THANK_YOU}}
Thank-you message
{{CONTACT_INFO}}
Primary contact info
XI. Usage Instructions
Copy the template to the project templates/ directory
Select the appropriate page template based on content requirements
Mark content to be replaced using placeholders
Generate the final SVG through the Executor role
Define glow effects using filter (within <defs>)
Maintain consistency of the neon color scheme
XII. Color Quick Reference
Background Layer:
Main background #0D1117 Deep Space Black
Card background #161B22 Starry Night Blue
Borders #30363D Dark Border
Accent Colors (use in order):
Primary accent #39FF14 Neon Green
Secondary accent #FF2E97 Cyber Pink
Tertiary accent #00D4FF Electric Blue
Quaternary accent #FFD700 Gold Yellow
Text:
Primary text #E6EDF3 Moonlight White
Secondary text #8B949E Mist Gray
Emphasis text #FFFFFF Pure White