Tạo infographic — Create Infographics

1explain the thinking fast and slow book
2
3{
4  "style": {
5    "name": "Whiteboard Infographic",
6    "description": "Hand-illustrated educational infographic with a warm, approachable sketch aesthetic. Upload your content outline and receive a visually organized, sketchbook-style guide that feels hand-crafted yet professionally structured."
7  },
8  "visual_foundation": {
9    "surface": {
10      "base": "Off-white to warm cream background",
11      "texture": "Subtle paper grain—not sterile, not digital",
12      "edges": "Content extends fully to edges, no border or frame, seamless finish",
13      "feel": "Like looking directly at a well-organized notebook page"
14    },
15    "overall_impression": "Approachable expertise—complex information made friendly through hand-drawn warmth"
16  },
17  "illustration_style": {
18    "line_quality": {
19      "type": "Hand-drawn ink sketch aesthetic",
20      "weight": "Medium strokes for main elements, thinner for details",
21      "character": "Confident but imperfect—slight wobble that proves human touch",
22      "edges": "Soft, not vector-crisp, occasional line overlap at corners",
23      "fills": "Loose hatching, gentle cross-hatching for shadows, never solid machine fills"
24    },
25    "icon_treatment": {
26      "style": "Simple, charming, slightly naive illustration",
27      "complexity": "Reduced to essential forms—readable at small sizes",
28      "personality": "Friendly and approachable, never corporate or sterile",
29      "consistency": "Same hand appears to have drawn everything"
30    },
31    "human_figures": {
32      "style": "Simple friendly characters, not anatomically detailed",
33      "faces": "Minimal features—dots for eyes, simple expressions",
34      "poses": "Clear, action-oriented, communicative gestures",
35      "diversity": "Varied silhouettes and suggestions of different people"
36    },
37    "objects_and_scenes": {
38      "approach": "Recognizable simplified sketches",
39      "detail_level": "Just enough to identify—laptop, phone, building, person",
40      "perspective": "Casual isometric or flat, not strict technical drawing",
41      "charm": "Slight imperfections add authenticity"
42    }
43  },
44  "color_philosophy": {
45    "palette_character": {
46      "mood": "Warm, optimistic, energetic but not overwhelming",
47      "saturation": "Medium—vibrant enough to guide the eye, soft enough to feel hand-colored",
48      "harmony": "Complementary and analogous combinations that feel intentional"
49    },
50    "primary_palette": {
51      "yellows": "Warm golden yellow, soft mustard—for highlights, backgrounds, energy",
52      "greens": "Fresh leaf green, soft teal—for success, growth, nature, money themes",
53      "blues": "Calm sky blue, soft navy—for trust, technology, stability",
54      "oranges": "Warm coral, soft peach—for warmth, calls-to-action, friendly alerts"
55    },
56    "supporting_palette": {
57      "neutrals": "Warm grays, soft browns, cream—never cold or stark",
58      "blacks": "Soft charcoal for lines, never pure #000000",
59      "whites": "Cream and off-white, paper-toned"
60    },
61    "color_application": {
62      "fills": "Watercolor-like washes, slightly uneven, transparent layers",
63      "backgrounds": "Soft color blocks to section content, gentle rounded rectangles",
64      "accents": "Strategic pops of brighter color to guide hierarchy",
65      "technique": "Colors may slightly escape line boundaries—hand-colored feel"
66    }
67  },
68  "typography_integration": {
69    "headline_style": {
70      "appearance": "Bold hand-lettered feel, slightly uneven baseline",
71      "weight": "Heavy, confident, attention-grabbing",
72      "case": "Often uppercase for major headers",
73      "color": "Dark charcoal or strategic color for emphasis"
74    },
75    "subheadings": {
76      "appearance": "Medium weight, still hand-drawn character",
77      "decoration": "May include underlines, simple banners, or highlight boxes",
78      "hierarchy": "Clear size reduction from headlines"
79    },
80    "body_text": {
81      "appearance": "Clean but warm, readable at smaller sizes",
82      "style": "Sans-serif with hand-written personality, or actual handwriting font",
83      "spacing": "Generous, never cramped"
84    },
85    "annotations": {
86      "style": "Casual handwritten notes, arrows pointing to elements",
87      "purpose": "Add explanation, emphasis, or personality",
88      "placement": "Organic, as if added while explaining"
89    }
90  },
91  "layout_architecture": {
92    "canvas": {
93      "framing": "NO BORDER, NO FRAME, NO EDGE DECORATION",
94      "boundary": "Content uses full canvas—elements may touch or bleed to edges",
95      "containment": "The infographic IS the image, not an image of an infographic"
96    },
97    "structure": {
98      "type": "Modular grid with organic flexibility",
99      "sections": "Clear numbered or lettered divisions",
100      "flow": "Left-to-right, top-to-bottom with visual hierarchy guiding the eye",
101      "breathing_room": "Generous white space preventing overwhelm"
102    },
103    "section_treatment": {
104      "borders": "Soft rounded rectangles, hand-drawn boxes, or color-blocked backgrounds",
105      "separation": "Clear but not rigid—sections feel connected yet distinct",
106      "numbering": "Circled numbers, badges, or playful indicators"
107    },
108    "visual_flow_devices": {
109      "arrows": "Hand-drawn, slightly curved, friendly pointers",
110      "connectors": "Dotted lines, simple paths showing relationships",
111      "progression": "Before/after layouts, step sequences, transformation arrows"
112    }
113  },
114  "information_hierarchy": {
115    "levels": {
116      "primary": "Large bold headers, bright color accents, main illustrations",
117      "secondary": "Subheadings, key icons, section backgrounds",
118      "tertiary": "Body text, supporting details, annotations",
119      "ambient": "Texture, subtle decorations, background elements"
120    },
121    "emphasis_techniques": {
122      "color_highlights": "Yellow marker-style highlighting behind key words",
123      "size_contrast": "Significant scale difference between hierarchy levels",
124      "boxing": "Important items in rounded rectangles or badge shapes",
125      "icons": "Checkmarks, stars, exclamation points for emphasis"
126    }
127  },
128  "decorative_elements": {
129    "badges_and_labels": {
130      "style": "Ribbon banners, circular badges, tag shapes",
131      "use": "Section labels, key terms, calls-to-action",
132      "character": "Hand-drawn, slightly imperfect, charming"
133    },
134    "connective_tissue": {
135      "arrows": "Curved, hand-drawn, with various head styles",
136      "lines": "Dotted paths, simple dividers, underlines",
137      "brackets": "Curly braces grouping related items"
138    },
139    "ambient_details": {
140      "small_icons": "Stars, checkmarks, bullets, sparkles",
141      "doodles": "Tiny relevant sketches filling awkward spaces",
142      "texture": "Subtle paper grain throughout"
143    }
144  },
145  "authenticity_markers": {
146    "hand_made_quality": {
147      "line_variation": "Natural thickness changes as if drawn with real pen pressure",
148      "color_bleeds": "Slight overflow past lines, watercolor-style edges",
149      "alignment": "Intentionally imperfect—text and elements slightly off-grid",
150      "overlap": "Elements may slightly overlap, creating depth and energy"
151    },
152    "material_honesty": {
153      "paper_feel": "Warm off-white with subtle texture",
154      "ink_quality": "Soft charcoal blacks, never harsh",
155      "marker_fills": "Slightly streaky, transparent layers visible"
156    },
157    "human_evidence": {
158      "corrections": "Occasional visible rework adds authenticity",
159      "spontaneity": "Some elements feel added as afterthoughts—annotations, small arrows",
160      "personality": "The whole piece feels like one person's visual thinking"
161    }
162  },
163  "technical_quality": {
164    "resolution": "High-resolution output suitable for print and digital",
165    "clarity": "All text readable, all icons recognizable",
166    "balance": "Visual weight distributed evenly across the composition",
167    "completeness": "Feels finished but not overworked—confident stopping point"
168  },
169  "enhancements_beyond_reference": {
170    "depth_additions": {
171      "subtle_shadows": "Soft drop shadows under section boxes for lift",
172      "layering": "Overlapping elements creating visual depth",
173      "dimension": "Slight 3D feel on badges and key elements"
174    },
175    "polish_improvements": {
176      "color_harmony": "More intentional palette relationships",
177      "spacing_rhythm": "Consistent margins and gutters",
178      "hierarchy_clarity": "Stronger differentiation between content levels"
179    },
180    "engagement_boosters": {
181      "focal_points": "Clear visual anchors drawing the eye",
182      "progression": "Satisfying visual journey through the content",
183      "reward_details": "Small delightful discoveries upon closer inspection"
184    }
185  },
186  "avoid": [
187    "ANY frame, border, or edge decoration around the infographic",
188    "Wooden frame or whiteboard frame effect",
189    "Drop shadow around the entire image as if it's a photo of something",
190    "The image looking like a photograph of a poster—it IS the poster",
191    "Sterile vector perfection—this should feel hand-made",
192    "Cold pure whites or harsh blacks",
193    "Rigid mechanical grid alignment",
194    "Corporate clip-art aesthetic",
195    "Overwhelming detail density—let it breathe",
196    "Clashing neon or garish color combinations",
197    "Uniform line weights throughout",
198    "Perfectly even color fills",
199    "Stiff, lifeless human figures",
200    "Digital sharpness that kills the warmth",
201    "Inconsistent illustration styles within the piece",
202    "Text-heavy sections without visual relief"
203  ]
204}