1# editorial-infographic
2 
3Modern magazine-style editorial infographic with clear visual storytelling
4 
5## Design Aesthetic
6 
7High-quality magazine explainer aesthetic. Clear visual storytelling that transforms complex information into digestible narratives. Clean illustrations, structured layouts, and professional typography. Think Wired, The Verge, or high-end science publications.
8 
9## Background
10 
11- Color: Pure White (#FFFFFF) or Light Gray (#F8F9FA)
12- Texture: None or subtle paper grain for print feel
13 
14## Typography
15 
16### Primary Font (Headlines)
17 
18Bold display serif or modern sans-serif. Strong visual presence. Clean letterforms with editorial sophistication. Large scale for impact.
19 
20### Secondary Font (Subheads)
21 
22Semi-bold sans-serif for section headers. Clear hierarchy distinction from body text. Consistent styling throughout.
23 
24### Body Font
25 
26Humanist sans-serif optimized for reading. Clean, professional, accessible. Comfortable line height (1.6).
27 
28## Color Palette
29 
30| Role | Color | Hex | Usage |
31|------|-------|-----|-------|
32| Background | Pure White | #FFFFFF | Primary background |
33| Alt Background | Light Gray | #F8F9FA | Section backgrounds |
34| Primary Text | Near Black | #1A1A1A | Headlines, body |
35| Secondary Text | Dark Gray | #4A5568 | Captions, metadata |
36| Accent 1 | Editorial Blue | #2563EB | Primary accent |
37| Accent 2 | Coral | #F97316 | Secondary accent |
38| Accent 3 | Emerald | #10B981 | Positive elements |
39| Accent 4 | Amber | #F59E0B | Warning, attention |
40| Dividers | Medium Gray | #D1D5DB | Section dividers |
41 
42## Visual Elements
43 
44- Clean flat illustrations (not photos)
45- Structured multi-section layouts
46- Callout boxes for key insights
47- Icon-based data visualization
48- Visual metaphors for abstract concepts
49- Flow diagrams with clear directional hierarchy
50- Pull quotes and highlight boxes
51- Section dividers and visual breaks
52 
53## Style Rules
54 
55### Do
56 
57- Create clear visual narrative flow
58- Use structured multi-section layouts
59- Include callout boxes for key insights
60- Design visual metaphors for complex ideas
61- Maintain magazine-quality polish
62 
63### Don't
64 
65- Use photographic imagery
66- Create cluttered dense layouts
67- Mix too many visual styles
68- Add decorative elements without purpose
69- Add slide numbers, footers, or logos
70 
71## Best For
72 
73Technology explainers, science communication, research summaries, policy briefings, investigative content, educational deep-dives, thought leadership pieces
74