# Style System

## Core Look

High-end editorial PPT design with modern vector illustration. The deck should feel calm, intelligent, clean, and slightly artistic, inspired by refined tech and lifestyle illustration systems.

## Canvas

- Aspect ratio: 16:9
- Default SVG viewBox: `0 0 1280 720`
- Background options: `#FFFFFF` or `#F7F3EE`
- Safe margin: 72 px minimum
- Preferred content width: 1020-1120 px
- Texture: optional, extremely subtle, low-opacity dots or paper-like noise simulated with sparse vector marks

## Palette

- Soft Beige: `#F7F3EE`
- Muted Blue: `#A7C7E7`
- Dusty Orange: `#E8A87C`
- Charcoal Gray: `#2F2F2F`
- White: `#FFFFFF`
- Pale Blue: `#EAF4FC`
- Pale Orange: `#FCE8DA`
- Divider: `#DED8D1`

Use blue and orange as illustration colors and accent signals. Charcoal is the primary text color.

## Typography

Use modern sans-serif typography.

- Preferred fonts: `Inter`, `Arial`, `Helvetica`, `Microsoft JhengHei`, `Microsoft YaHei`, sans-serif.
- Cover title: 54-72 px, 700-800 weight.
- Slide title: 36-48 px, 700-800 weight.
- Section label: 11-13 px, 600-700 weight.
- Body: 18-24 px, 400-500 weight.
- Caption: 12-15 px, 400-500 weight.
- Line height: 1.08-1.18 for titles, 1.35-1.55 for body.
- Letter spacing: 0.

## Layout Rules

- Use asymmetry: one strong illustration area and one clear text area.
- Preserve large negative space.
- Do not center everything by default.
- Keep modules light and open.
- Use thin dividers only when needed.
- Avoid over-framing the illustration.

## Illustration Rules

Illustrations should be conceptual, smooth, and refined.

- Subjects: people, workflows, product ideas, abstract systems, collaboration, decision paths, knowledge flow.
- Shape language: smooth curves, rounded organic forms, layered flat shapes.
- Detail level: refined but sparse; avoid busy scenes.
- Proportions: balanced and editorial, not exaggerated cartoon proportions.
- Gradients: allowed, but subtle and local.
- Shadows: allowed only as soft, pale grounding shadows under illustration layers.
- Stroke: minimal and thin, preferably charcoal or muted palette tones.

## Texture Rules

Texture should be nearly invisible. Use it only to avoid sterile flatness.

- Low-opacity dot fields
- Tiny warm gray speckles
- Sparse background marks

Do not create dirty, noisy, or paper-heavy backgrounds.

## Data And Diagrams

If diagrams are needed, make them feel illustrated and editorial.

- Use rounded nodes, curved paths, and layered shapes.
- Use direct labels.
- Keep chart density low.
- Avoid dashboard UI aesthetics.

## Forbidden Treatments

- Cartoon mascots
- 3D realism
- Heavy drop shadows
- Glossy highlights
- Neon colors
- Dense dashboards
- Clipart
- Overly playful stickers
- Busy full-scene illustrations