# 06-editorial-story - Editorial Magazine Story

## Style Overview

Deep blue-gray with red emphasis in editorial magazine style, using magazine grid + image-text side-by-side layout, suitable for storytelling, brand stories, magazine content and similar scenarios

- **Scene**: Storytelling, brand stories, editorial magazines, content publishing
- **Mood**: Professional, narrative, literary, premium, media
- **Tone**: Cool tones, low saturation, high contrast
- **Industry**: Media, publishing, advertising, branding

## Color Palette

| Name           | Hex     | Usage          |
| -------------- | ------- | -------------- |
| Background     | #FFFFFF | background     |
| Primary        | #2C3E50 | primary        |
| Accent         | #E74C3C | accent         |
| Auxiliary      | #636E72 | secondary      |
| Primary Text   | #2C3E50 | text_primary   |
| Secondary Text | #666666 | text_secondary |
| Muted Text     | #999999 | text_muted     |

## Typography

| Element  | Font            |
| -------- | --------------- |
| title_en | Georgia         |
| title_cn | Microsoft YaHei |
| body     | Microsoft YaHei |
| data     | Arial Black     |

## Design Techniques

- Deep blue-gray with red emphasis color scheme
- Magazine grid layout
- Image-text side-by-side design
- Decorative quotation mark elements
- Issue number label design
- Morph transition animation
- Standardized decorative elements

## Page Structure (6 pages)

| Slide | Type   | Elements | Description                                               |
| ----- | ------ | -------- | --------------------------------------------------------- |
| S1    | hero   | 45       | Cover page - Magazine cover layout + Issue number label   |
| S2    | story  | 50       | Story page - Left image, right text layout                |
| S3    | quote  | 50       | Quote page - Full-page quote + Decorative quotation marks |
| S4    | team   | 55       | Team page - Four-grid magazine layout                     |
| S5    | data   | 50       | Data page - Left decoration + Data cards                  |
| S6    | thanks | 45       | Thanks page - Magazine closing page style                 |

## Reference Script

Complete build script is in `build.sh`.

**Recommended slides to read for understanding core design techniques**:

- **Slide 1 (hero)** - Cover page - Magazine cover layout + Issue number label

No need to read all - skim 2-3 representative slides.
