Automated ingestion of prompt: Create Infographics
This commit is contained in:
parent
886d1491e2
commit
f54d373876
|
|
@ -0,0 +1,210 @@
|
|||
---
|
||||
title: "Create Infographics"
|
||||
contributor: "@semih@mitte.ai"
|
||||
tags: #language, #semihmitteai
|
||||
---
|
||||
|
||||
explain the thinking fast and slow book
|
||||
|
||||
{
|
||||
"style": {
|
||||
"name": "Whiteboard Infographic",
|
||||
"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."
|
||||
},
|
||||
"visual_foundation": {
|
||||
"surface": {
|
||||
"base": "Off-white to warm cream background",
|
||||
"texture": "Subtle paper grain—not sterile, not digital",
|
||||
"edges": "Content extends fully to edges, no border or frame, seamless finish",
|
||||
"feel": "Like looking directly at a well-organized notebook page"
|
||||
},
|
||||
"overall_impression": "Approachable expertise—complex information made friendly through hand-drawn warmth"
|
||||
},
|
||||
"illustration_style": {
|
||||
"line_quality": {
|
||||
"type": "Hand-drawn ink sketch aesthetic",
|
||||
"weight": "Medium strokes for main elements, thinner for details",
|
||||
"character": "Confident but imperfect—slight wobble that proves human touch",
|
||||
"edges": "Soft, not vector-crisp, occasional line overlap at corners",
|
||||
"fills": "Loose hatching, gentle cross-hatching for shadows, never solid machine fills"
|
||||
},
|
||||
"icon_treatment": {
|
||||
"style": "Simple, charming, slightly naive illustration",
|
||||
"complexity": "Reduced to essential forms—readable at small sizes",
|
||||
"personality": "Friendly and approachable, never corporate or sterile",
|
||||
"consistency": "Same hand appears to have drawn everything"
|
||||
},
|
||||
"human_figures": {
|
||||
"style": "Simple friendly characters, not anatomically detailed",
|
||||
"faces": "Minimal features—dots for eyes, simple expressions",
|
||||
"poses": "Clear, action-oriented, communicative gestures",
|
||||
"diversity": "Varied silhouettes and suggestions of different people"
|
||||
},
|
||||
"objects_and_scenes": {
|
||||
"approach": "Recognizable simplified sketches",
|
||||
"detail_level": "Just enough to identify—laptop, phone, building, person",
|
||||
"perspective": "Casual isometric or flat, not strict technical drawing",
|
||||
"charm": "Slight imperfections add authenticity"
|
||||
}
|
||||
},
|
||||
"color_philosophy": {
|
||||
"palette_character": {
|
||||
"mood": "Warm, optimistic, energetic but not overwhelming",
|
||||
"saturation": "Medium—vibrant enough to guide the eye, soft enough to feel hand-colored",
|
||||
"harmony": "Complementary and analogous combinations that feel intentional"
|
||||
},
|
||||
"primary_palette": {
|
||||
"yellows": "Warm golden yellow, soft mustard—for highlights, backgrounds, energy",
|
||||
"greens": "Fresh leaf green, soft teal—for success, growth, nature, money themes",
|
||||
"blues": "Calm sky blue, soft navy—for trust, technology, stability",
|
||||
"oranges": "Warm coral, soft peach—for warmth, calls-to-action, friendly alerts"
|
||||
},
|
||||
"supporting_palette": {
|
||||
"neutrals": "Warm grays, soft browns, cream—never cold or stark",
|
||||
"blacks": "Soft charcoal for lines, never pure #000000",
|
||||
"whites": "Cream and off-white, paper-toned"
|
||||
},
|
||||
"color_application": {
|
||||
"fills": "Watercolor-like washes, slightly uneven, transparent layers",
|
||||
"backgrounds": "Soft color blocks to section content, gentle rounded rectangles",
|
||||
"accents": "Strategic pops of brighter color to guide hierarchy",
|
||||
"technique": "Colors may slightly escape line boundaries—hand-colored feel"
|
||||
}
|
||||
},
|
||||
"typography_integration": {
|
||||
"headline_style": {
|
||||
"appearance": "Bold hand-lettered feel, slightly uneven baseline",
|
||||
"weight": "Heavy, confident, attention-grabbing",
|
||||
"case": "Often uppercase for major headers",
|
||||
"color": "Dark charcoal or strategic color for emphasis"
|
||||
},
|
||||
"subheadings": {
|
||||
"appearance": "Medium weight, still hand-drawn character",
|
||||
"decoration": "May include underlines, simple banners, or highlight boxes",
|
||||
"hierarchy": "Clear size reduction from headlines"
|
||||
},
|
||||
"body_text": {
|
||||
"appearance": "Clean but warm, readable at smaller sizes",
|
||||
"style": "Sans-serif with hand-written personality, or actual handwriting font",
|
||||
"spacing": "Generous, never cramped"
|
||||
},
|
||||
"annotations": {
|
||||
"style": "Casual handwritten notes, arrows pointing to elements",
|
||||
"purpose": "Add explanation, emphasis, or personality",
|
||||
"placement": "Organic, as if added while explaining"
|
||||
}
|
||||
},
|
||||
"layout_architecture": {
|
||||
"canvas": {
|
||||
"framing": "NO BORDER, NO FRAME, NO EDGE DECORATION",
|
||||
"boundary": "Content uses full canvas—elements may touch or bleed to edges",
|
||||
"containment": "The infographic IS the image, not an image of an infographic"
|
||||
},
|
||||
"structure": {
|
||||
"type": "Modular grid with organic flexibility",
|
||||
"sections": "Clear numbered or lettered divisions",
|
||||
"flow": "Left-to-right, top-to-bottom with visual hierarchy guiding the eye",
|
||||
"breathing_room": "Generous white space preventing overwhelm"
|
||||
},
|
||||
"section_treatment": {
|
||||
"borders": "Soft rounded rectangles, hand-drawn boxes, or color-blocked backgrounds",
|
||||
"separation": "Clear but not rigid—sections feel connected yet distinct",
|
||||
"numbering": "Circled numbers, badges, or playful indicators"
|
||||
},
|
||||
"visual_flow_devices": {
|
||||
"arrows": "Hand-drawn, slightly curved, friendly pointers",
|
||||
"connectors": "Dotted lines, simple paths showing relationships",
|
||||
"progression": "Before/after layouts, step sequences, transformation arrows"
|
||||
}
|
||||
},
|
||||
"information_hierarchy": {
|
||||
"levels": {
|
||||
"primary": "Large bold headers, bright color accents, main illustrations",
|
||||
"secondary": "Subheadings, key icons, section backgrounds",
|
||||
"tertiary": "Body text, supporting details, annotations",
|
||||
"ambient": "Texture, subtle decorations, background elements"
|
||||
},
|
||||
"emphasis_techniques": {
|
||||
"color_highlights": "Yellow marker-style highlighting behind key words",
|
||||
"size_contrast": "Significant scale difference between hierarchy levels",
|
||||
"boxing": "Important items in rounded rectangles or badge shapes",
|
||||
"icons": "Checkmarks, stars, exclamation points for emphasis"
|
||||
}
|
||||
},
|
||||
"decorative_elements": {
|
||||
"badges_and_labels": {
|
||||
"style": "Ribbon banners, circular badges, tag shapes",
|
||||
"use": "Section labels, key terms, calls-to-action",
|
||||
"character": "Hand-drawn, slightly imperfect, charming"
|
||||
},
|
||||
"connective_tissue": {
|
||||
"arrows": "Curved, hand-drawn, with various head styles",
|
||||
"lines": "Dotted paths, simple dividers, underlines",
|
||||
"brackets": "Curly braces grouping related items"
|
||||
},
|
||||
"ambient_details": {
|
||||
"small_icons": "Stars, checkmarks, bullets, sparkles",
|
||||
"doodles": "Tiny relevant sketches filling awkward spaces",
|
||||
"texture": "Subtle paper grain throughout"
|
||||
}
|
||||
},
|
||||
"authenticity_markers": {
|
||||
"hand_made_quality": {
|
||||
"line_variation": "Natural thickness changes as if drawn with real pen pressure",
|
||||
"color_bleeds": "Slight overflow past lines, watercolor-style edges",
|
||||
"alignment": "Intentionally imperfect—text and elements slightly off-grid",
|
||||
"overlap": "Elements may slightly overlap, creating depth and energy"
|
||||
},
|
||||
"material_honesty": {
|
||||
"paper_feel": "Warm off-white with subtle texture",
|
||||
"ink_quality": "Soft charcoal blacks, never harsh",
|
||||
"marker_fills": "Slightly streaky, transparent layers visible"
|
||||
},
|
||||
"human_evidence": {
|
||||
"corrections": "Occasional visible rework adds authenticity",
|
||||
"spontaneity": "Some elements feel added as afterthoughts—annotations, small arrows",
|
||||
"personality": "The whole piece feels like one person's visual thinking"
|
||||
}
|
||||
},
|
||||
"technical_quality": {
|
||||
"resolution": "High-resolution output suitable for print and digital",
|
||||
"clarity": "All text readable, all icons recognizable",
|
||||
"balance": "Visual weight distributed evenly across the composition",
|
||||
"completeness": "Feels finished but not overworked—confident stopping point"
|
||||
},
|
||||
"enhancements_beyond_reference": {
|
||||
"depth_additions": {
|
||||
"subtle_shadows": "Soft drop shadows under section boxes for lift",
|
||||
"layering": "Overlapping elements creating visual depth",
|
||||
"dimension": "Slight 3D feel on badges and key elements"
|
||||
},
|
||||
"polish_improvements": {
|
||||
"color_harmony": "More intentional palette relationships",
|
||||
"spacing_rhythm": "Consistent margins and gutters",
|
||||
"hierarchy_clarity": "Stronger differentiation between content levels"
|
||||
},
|
||||
"engagement_boosters": {
|
||||
"focal_points": "Clear visual anchors drawing the eye",
|
||||
"progression": "Satisfying visual journey through the content",
|
||||
"reward_details": "Small delightful discoveries upon closer inspection"
|
||||
}
|
||||
},
|
||||
"avoid": [
|
||||
"ANY frame, border, or edge decoration around the infographic",
|
||||
"Wooden frame or whiteboard frame effect",
|
||||
"Drop shadow around the entire image as if it's a photo of something",
|
||||
"The image looking like a photograph of a poster—it IS the poster",
|
||||
"Sterile vector perfection—this should feel hand-made",
|
||||
"Cold pure whites or harsh blacks",
|
||||
"Rigid mechanical grid alignment",
|
||||
"Corporate clip-art aesthetic",
|
||||
"Overwhelming detail density—let it breathe",
|
||||
"Clashing neon or garish color combinations",
|
||||
"Uniform line weights throughout",
|
||||
"Perfectly even color fills",
|
||||
"Stiff, lifeless human figures",
|
||||
"Digital sharpness that kills the warmth",
|
||||
"Inconsistent illustration styles within the piece",
|
||||
"Text-heavy sections without visual relief"
|
||||
]
|
||||
}
|
||||
Loading…
Reference in New Issue