Back to Hermes Agent

editorial

optional-skills/creative/baoyu-article-illustrator/references/styles/editorial.md

2026.6.51.7 KB
Original Source

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

RoleColorHexUsage
BackgroundPure White#FFFFFFPrimary background
Alt BackgroundLight Gray#F8F9FASection backgrounds
Primary TextNear Black#1A1A1AHeadlines, body
Secondary TextDark Gray#4A5568Captions
Accent 1Editorial Blue#2563EBPrimary accent
Accent 2Coral#F97316Secondary accent
Accent 3Emerald#10B981Positive elements
Accent 4Amber#F59E0BAttention points
DividersMedium Gray#D1D5DBSection 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