252 lines
8.8 KiB
Markdown
252 lines
8.8 KiB
Markdown
---
|
||
deck_id: 重庆大学
|
||
kind: deck
|
||
summary: Academic defense, research reports, teaching presentations, scholarly exchange.
|
||
canvas_format: ppt169
|
||
page_count: 5
|
||
primary_color: "#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
|
||
|
||
1. **Layered Geometry**: Diagonal color blocks simulate the terraced landscape of the Mountain City, breaking away from traditional rectangular layouts
|
||
2. **Asymmetric Aesthetics**: Left-heavy visual balance guides reading focus
|
||
3. **Gradient Color Bands**: Deep-to-light transitions symbolize the journey from a rich history to a bright future
|
||
4. **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:
|
||
|
||
```xml
|
||
<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:
|
||
|
||
```xml
|
||
<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
|
||
|
||
1. viewBox: `0 0 1280 720`
|
||
2. Define gradients using `<linearGradient>` inside `<defs>`
|
||
3. Use `fill-opacity` / `stroke-opacity` for transparency
|
||
4. Use `<tspan>` for text wrapping
|
||
5. Use Base64 inline or `<image>` reference for logos
|
||
|
||
### Prohibited Elements
|
||
|
||
- `mask`, `<style>`, `class`; `clipPath` is allowed only on `<image>` under `shared-standards.md` §1.2
|
||
- `foreignObject`, `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 |
|