| name | editorial-card-generator |
| description | Transform text content into modern editorial-style HTML5 informational posters (multiple cards, support PNG export). Use cases: users need to create infographics, knowledge cards, social media posters, or mention keywords like "generate poster", "create cards", "information visualization". |
Editorial Style Informational Poster Generator
Task
Transform user-provided text content into a set of 3-6 high-aesthetic, magazine-style HTML5 informational posters (adaptively based on content).
Design Specifications
Core Style
- Style: Modern Editorial + Swiss Style (Swiss Internationalism)
- Visual: Order, high contrast, large typography, print media texture
- Size: Strictly locked to width: 600px, height: 800px (3:4 ratio)
Color Scheme
- Bg (Paper): #f2efe9 (off-white/warm gray)
- Text (Ink): #1a1a1a (dark gray)
- Accent (Emphasis): #d95e00 (Hermès orange) - allowed to fine-tune based on content theme
- Visual Rhythm: Cards should have "light-light-dark-light" or "light-dark-light" rhythmic variation
Font Stack (CDN)
Include Google Fonts in HTML Head:
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@700;900&family=Noto+Sans+SC:wght@400;500;700&family=Oswald:wght@500;700&display=swap" rel="stylesheet">
Texture Requirements
- SVG Noise: Global overlay of feTurbulence noise with opacity 0.05~0.08, blend mode using multiply
