# 03-playful-marketing — Vibrant Youth Marketing

## Style Overview

Coral orange, bright yellow, and mint green color clash with large color blocks and diagonal division layout, suitable for marketing campaigns, new product launches, promotional activities, and other youth-oriented occasions.

- **Scene**: Marketing campaigns, brand launches, new product promotions, promotional activities
- **Mood**: Youthful, energetic, enthusiastic, creative, bold
- **Tone**: Warm tones, high saturation, high contrast
- **Industry**: Consumer goods, e-commerce, entertainment, education, food & beverage

## Color Palette

| Name           | Hex     | Usage          |
| -------------- | ------- | -------------- |
| Background     | #FFFFFF | background     |
| Primary        | #FF6B6B | primary        |
| Secondary      | #FFE66D | secondary      |
| Accent         | #4ECDC4 | accent         |
| Dark           | #2C2C54 | dark           |
| Text Primary   | #2C2C54 | text_primary   |
| Text Secondary | #666666 | text_secondary |
| Text Muted     | #999999 | text_muted     |

## Typography

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

## Design Techniques

- Coral orange, bright yellow, mint green color clash
- Large color block assembly layout
- Diagonal division design
- Dynamic lively layout
- High contrast design
- Morph transition animation
- Coordinate conflicts fixed

## Page Structure (6 pages)

| Slide | Type      | Elements | Description                                                    |
| ----- | --------- | -------- | -------------------------------------------------------------- |
| S1    | hero      | 50       | Cover page - large color block on left + content card on right |
| S2    | statement | 45       | Statement page - central content + data cards                  |
| S3    | product   | 50       | Product page - left image right text layout                    |
| S4    | grid      | 55       | Grid page - 2x3 card grid                                      |
| S5    | quote     | 40       | Quote page - large quotation marks + surrounding testimonials  |
| S6    | cta       | 40       | CTA page - top large color block + bottom action area          |

## Reference Script

Complete build script available in `build.sh`.

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

- **Slide 1 (hero)** — Cover page - large color block on left + content card on right

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