Visual Explainer Style Guide

Reference Style Description

Use this exact description to match the target aesthetic:

"Clean educational infographic with solid muted sage-gray background. Title in a full-width darker banner bar at top with white text. Central subject image large and prominent in the middle. Data points in cream/off-white rectangular boxes with thin dark borders and rounded corners, arranged around the central image. Each data point has a small flat line icon in muted teal, bold uppercase label, and regular weight value text in navy. Sans-serif typography throughout. Generous whitespace between all elements. Soft, muted color palette. Style like a museum placard or lifestyle blog educational graphic."

Strict Limits

• 4 data points maximum (not 5, not 6)
• 2-5 words per value (not sentences)
• One clean central image
• 70% empty space (whitespace and background)

Text Rules

Labels: 1-2 words, ALL CAPS, bold

• ✅ ORIGIN, LIGHT, SIZE, WHAT
• ❌ PLACE OF ORIGIN, LIGHTING REQUIREMENTS

Values: 2-5 words, Sentence case, regular weight

• ✅ "West Africa"
• ✅ "Bright Indirect Light"
• ✅ "4K to 200K Tokens"
• ❌ "States seek security through moderate defensive strategies"

Prompt Template

Clean educational infographic about [TOPIC].

Solid muted [sage-gray/blue-gray/warm-beige] background.

Title banner: Full-width darker [color] bar at top, white text reading '[SHORT TITLE]'.

Central image: [Simple description of subject - illustration or icon, large and centered].

Four data points in cream rectangular boxes with thin dark borders and rounded corners:
- [ICON] [LABEL]: [2-5 word value]
- [ICON] [LABEL]: [2-5 word value]
- [ICON] [LABEL]: [2-5 word value]
- [ICON] [LABEL]: [2-5 word value]

Small flat line icons in muted teal. Bold uppercase labels, regular navy text for values. Sans-serif typography. Generous whitespace between elements. Museum placard / lifestyle blog aesthetic.

Example: Plant Care

Clean educational infographic about Corn Plant care.

Solid muted sage-gray background.

Title banner: Full-width darker sage bar at top, white text reading 'CORN PLANT'.

Central image: Realistic illustration of a corn plant (Dracaena) in a simple pot, large and centered.

Four data points in cream rectangular boxes with thin dark borders and rounded corners:
- Globe icon, ORIGIN: West Africa
- Arrow icon, GROWTH: Upright, Up to 6ft
- Sun icon, LIGHT: Bright Indirect
- Droplet icon, WATER: When Topsoil Dry

Small flat line icons in muted teal. Bold uppercase labels, regular navy text for values. Sans-serif typography. Generous whitespace. Museum placard aesthetic.

Example: Technical Concept

Clean educational infographic about Context Windows in AI.

Solid muted blue-gray background.

Title banner: Full-width darker slate bar at top, white text reading 'CONTEXT WINDOWS'.

Central image: Simple diagram showing a sliding window over text tokens, clean and minimal.

Four data points in cream rectangular boxes with thin dark borders and rounded corners:
- Brain icon, WHAT: Token Memory Limit
- Ruler icon, SIZE: 4K to 200K Tokens
- Chat icon, WHY: Enables Long Context
- Warning icon, LIMIT: Older Info Forgotten

Small flat line icons in muted teal. Bold uppercase labels, regular navy text for values. Sans-serif typography. Generous whitespace. Educational blog aesthetic.

Color Palettes

Subject Type	Background	Banner	Accent
Nature/Plants	Sage gray #8BA89A	Darker sage #5D7A6A	Teal
Tech/Concepts	Blue gray #7A8B9A	Slate #4A5A6A	Steel blue
Food/Cooking	Warm beige #B8A89A	Terracotta #8A6A5A	Rust
Animals	Sand gray #A89A8A	Olive #6A7A5A	Forest

Icon Style

• Simple flat line icons (not filled, not 3D)
• Single color matching theme (muted teal/navy)
• Small size, positioned before label text
• Common mappings: globe (origin), sun (light), droplet (water), thermometer (temp), brain (concept), ruler (size), clock (time), arrow (growth)