8.8 KiB
8.8 KiB
| deck_id | kind | summary | canvas_format | page_count | primary_color |
|---|---|---|---|---|---|
| 重庆大学 | deck | Academic defense, research reports, teaching presentations, scholarly exchange. | ppt169 | 5 | #006BB7 |
Chongqing University (重庆大学) Template - Design Specification
A distinctive design blending the layered imagery of the Mountain City with modern academic elegance.
I. Template Overview
| Property | Description |
|---|---|
| Template Name | Chongqing University (重庆大学) |
| Use Cases | Academic defense, research reports, teaching presentations, scholarly exchange |
| Design Tone | Academically grounded · Mountain City charm · Modern minimalism |
| Design Inspiration | Chongqing's layered terrain + the gravitas of historic campus buildings + modern academic professionalism |
Design Features
- Layered Geometry: Diagonal color blocks simulate the terraced landscape of the Mountain City, breaking away from traditional rectangular layouts
- Asymmetric Aesthetics: Left-heavy visual balance guides reading focus
- Gradient Color Bands: Deep-to-light transitions symbolize the journey from a rich history to a bright future
- Wave Patterns: Abstract Yangtze River / Jialing River water elements
II. Canvas Specification
| Property | Value |
|---|---|
| Format | Standard 16:9 |
| Dimensions | 1280 × 720 px |
| viewBox | 0 0 1280 720 |
| Page Margins | Left/right 60px, top/bottom 40px |
| Content Safe Area | x: 60-1220, y: 100-660 |
III. Color Scheme
Primary Colors (Extracted from Logo)
| Role | Value | Notes |
|---|---|---|
| CQU Blue | #006BB7 |
Emblem primary color; header, titles, main elements |
| Deep Blue | #004A82 |
Chapter page background, emphasis areas |
| Sky Blue | #3A9BD9 |
Accent color, gradient endpoint |
| Cloud Blue | #E3F2FD |
Light background, card base color |
| Dawn Gold | #D4A84B |
Decorative accents, highlights (symbolizing brightness) |
| Background White | #FAFCFF |
Subtly blue-tinted pure white |
Text Colors
| Role | Value | Usage |
|---|---|---|
| Dark Ink Text | #1A2E44 |
Main titles, heading text |
| Primary Text | #333D4A |
Body content |
| Secondary Text | #6B7B8C |
Captions, annotations |
| White Text | #FFFFFF |
Text on dark backgrounds |
Gradient Scheme
Primary gradient: #004A82 → #006BB7 → #3A9BD9 (deep → light, used for background diagonal cuts)
Gold gradient: #C49A3D → #D4A84B → #E8C675 (decorative use)
IV. Typography System
Font Stack
Font Stack: "Microsoft YaHei", "微软雅黑", "PingFang SC", Arial, sans-serif
Font Size Hierarchy
| Level | Usage | Size | Weight | Notes |
|---|---|---|---|---|
| H1 | Cover main title | 48px | Bold | Grand and dignified |
| H2 | Page title | 26px | Bold | |
| H3 | Chapter title | 44px | Bold | |
| H4 | Card title | 22px | Bold | |
| P | Body content | 17px | Regular | |
| High | Emphasized data | 32px | Bold | |
| Sub | Notes/sources | 13px | Regular | |
| XS | Page number/copyright | 11px | Regular |
V. Core Visual Elements
1. Diagonal Color Blocks (Mountain City Layers)
The template's signature design uses diagonally divided color blocks to simulate the layered terrain of the Mountain City:
Cover: Large deep-blue diagonal block in the lower-left corner (approx. 40% of area)
Chapter page: Full-screen deep blue + light diagonal accent in the upper-right
Content page: Small diagonal accent strip at the top
2. Wave Patterns (Two Rivers Imagery)
Abstract curves symbolizing the Yangtze and Jialing Rivers:
<path d="M0,700 Q320,680 640,700 T1280,680 L1280,720 L0,720 Z"
fill="#006BB7" fill-opacity="0.08"/>
3. Light Dot Decorations (City Lights)
Small circle elements representing the nighttime lights of the Mountain City:
<circle cx="x" cy="y" r="3" fill="#D4A84B" fill-opacity="0.6"/>
VI. Page Types
1. Cover Page (01_cover.svg)
Layout Structure:
- Upper-right area: Logo (using logo.png)
- Center-left: Main title + subtitle
- Lower-left corner: Large diagonal deep-blue color block (extending from lower-left to upper-right)
- Bottom: Presenter info, date
- Decorations: Wave patterns + gold light dots
2. Chapter Page (02_chapter.svg)
Layout Structure:
- Full-screen deep blue background
- Upper-right: Diagonal light area (sky blue gradient)
- Left: Large chapter number (semi-transparent)
- Center-left: Chapter title (white)
- Bottom: Gold decorative line + Logo (white version)
3. Content Page (03_content.svg)
Layout Structure:
- Top: Diagonal blue accent strip (approx. 80px height, higher on left, lower on right)
- On the accent strip: Page title + Logo
- Body: White content area (flexible layout)
- Left: Thin gold decorative line
- Bottom: Clean footer + wave pattern
4. Ending Page (04_ending.svg)
Layout Structure:
- Center: Large-sized Logo
- Below logo: Thank-you message
- Bottom diagonal blue area: Contact information
- Decorations: Wave patterns + gold light dots
5. Table of Contents (02_toc.svg)
Layout Structure:
- Top diagonal accent strip + title
- Left: Large numeric indices (vertically arranged, with gold accents)
- Right: TOC item text
- Bottom: Wave decoration
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. Logo Usage Guidelines
| File | Applicable Context | Notes |
|---|---|---|
重庆大学logo.png |
Light/white backgrounds | Blue version |
重庆大学logo2.png |
Dark/blue backgrounds | White version |
Recommended Logo Sizes:
- Cover page: Width 280-320px
- Content page header: Width 160-200px
- Ending page: Width 320-400px
IX. Spacing Specification
| Element | Value |
|---|---|
| Page margins | 60px |
| Content block spacing | 28px |
| Card inner padding | 24px |
| Card border radius | 12px |
| Diagonal cut angle | Approx. 8-12° |
X. SVG Technical Constraints
Mandatory Rules
- viewBox:
0 0 1280 720 - Define gradients using
<linearGradient>inside<defs> - Use
fill-opacity/stroke-opacityfor transparency - Use
<tspan>for text wrapping - Use Base64 inline or
<image>reference for logos
Prohibited Elements
mask,<style>,class;clipPathis allowed only on<image>undershared-standards.md§1.2foreignObject,textPath,animate*rgba()color format<g opacity="...">(group opacity)
XI. Placeholder Specification
| Placeholder | Description |
|---|---|
{{TITLE}} |
Main title |
{{SUBTITLE}} |
Subtitle |
{{AUTHOR}} |
Presenter name |
{{ADVISOR}} |
Thesis advisor |
{{INSTITUTION}} |
College/Institution |
{{DATE}} |
Date |
{{PAGE_TITLE}} |
Page title |
{{CHAPTER_NUM}} |
Chapter number |
{{CHAPTER_TITLE}} |
Chapter title |
{{CHAPTER_DESC}} |
Chapter description |
{{KEY_MESSAGE}} |
Key message |
{{CONTENT_AREA}} |
Content area |
{{PAGE_NUM}} |
Page number |
{{THANK_YOU}} |
Thank-you message |
{{CONTACT_INFO}} |
Contact information |
{{TOC_ITEM_N_TITLE}} |
TOC item title |
{{TOC_ITEM_N_DESC}} |
TOC item description |