Awesome-PPT-Design-Skills/modern-illustration-editorial-ppt-skill/references/style-system.md

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