JimLiu-baoyu-skills/skills/baoyu-article-illustrator/references/styles/editorial.md

1.7 KiB

editorial

Magazine-style editorial infographic for professional content

Design Aesthetic

High-quality magazine explainer aesthetic. Clear visual storytelling with structured layouts and professional typography. Think Wired, The Verge, or quality science publications. Complex information made digestible.

Background

  • Color: Pure White (#FFFFFF) or Light Gray (#F8F9FA)
  • Texture: None or subtle paper grain

Color Palette

Role Color Hex Usage
Background Pure White #FFFFFF Primary background
Alt Background Light Gray #F8F9FA Section backgrounds
Primary Text Near Black #1A1A1A Headlines, body
Secondary Text Dark Gray #4A5568 Captions
Accent 1 Editorial Blue #2563EB Primary accent
Accent 2 Coral #F97316 Secondary accent
Accent 3 Emerald #10B981 Positive elements
Accent 4 Amber #F59E0B Attention points
Dividers Medium Gray #D1D5DB Section dividers

Visual Elements

  • Clean flat illustrations
  • Structured multi-section layouts
  • Callout boxes for insights
  • Icon-based visualizations
  • Visual metaphors for concepts
  • Flow diagrams with hierarchy
  • Pull quotes and highlights
  • Clear section dividers

Style Rules

Do

  • Create clear narrative flow
  • Use structured layouts
  • Include callout boxes
  • Design visual metaphors
  • Maintain magazine polish

Don't

  • Use photographic imagery
  • Create cluttered layouts
  • Mix too many styles
  • Add purposeless decoration
  • Compromise clarity for style

Best For

Technology explainers, science communication, research articles, policy analysis, investigative pieces, thought leadership, long-form journalism