Prompt: Infografic + Characters
Hey Folks!
creates infographics in her line of work, and she had an issue creating a detailed ifographic using ChatGPT: it was cropping the header.
I was challenged (by myself) to try and get ChatGPT to adhere to her prompt, so...
Already working with smaller-sized infographics, I assumed her prompt just needed better structuring. And, that was the case.
When it comes to infographics, more/specific instructions work well because the newer models have been trained to adhere to them.
Here is the prompt:
===
Create a bright, playful **vertical infographic** in a whimsical **cartoon storybook style** designed for children, families, teachers, and parents. The infographic explains a hands-on **math + art activity inspired by Pi**.
**Full-bleed design:** the infographic must fill the entire image frame.
Do **not** render the infographic as a poster, paper, or board inside the image.
No outer borders, margins, frames, or page edges.
The design itself should extend to the edges of the canvas.
The design should feel **creative, visual, and inviting**, with bold section headings, clear panel separation, kid-friendly icons, and easy-to-read embedded text.
Overall feeling: **math meets art meets imagination**.
---
### Rendering style
• Clean vector-like illustration
• Crisp outlines and shapes
• Friendly cartoon educational style
• Professional infographic design
• Polished educational layout
---
### Color palette
• Purple accents
• Warm orange highlights
• Cool blue sky blocks
• Teal decorative elements
• Soft cream background
---
### Typography rules
• Large bold title centered at top
• Panel headings bold and consistent size
• Short readable body text
• Simple sans-serif educational lettering
---
### Layout structure
• **Vertical 9:16 infographic**
• Divide the canvas into **5 equal stacked panels**
• Panels separated by **clean horizontal divider lines**
• Maintain **consistent left and right alignment**
• Each panel contains:
- a **heading**
- an **illustration area**
- a **short caption**
• Maintain clear hierarchy:
**Title → Panel Heading → Illustration → Text**
• Panels evenly spaced and visually balanced
---
### Alignment rules
• Panels aligned vertically
• Buildings share the same ground baseline
• Graph paper appears straight with a visible grid
• Skyline progression moves **left → right**
• Icons evenly spaced
• Keep layout clean and uncluttered
---
### Icon style
• Flat cartoon icons
• Rounded friendly shapes
• Consistent line weight
• Subtle outlines or soft shadows
Example icons:
• ruler
• pencil
• graph paper
• number bubbles
• stars
• little windows on buildings
---
# Title at the Top
**Build a Pi City!**
Subtitle:
Turn the digits of Pi into a mathematical cityscape
---
# Panel 1 — The Idea
Heading: **The Architecture**
Visual:
Digits of Pi transforming into simple building bars of different heights.
Example digits shown visually:
**3.1415926…**
Illustrate the digits turning into colorful buildings of varying heights.
Text:
Each digit of Pi becomes the height of a building.
---
# Panel 2 — How to Draw It
Heading: **The Play**
Visual:
Graph paper or a gridded page.
Show a sequence of buildings growing across the page.
Text instructions:
• Start on the left side of the paper
• Draw the first building **3 squares high**
• The next building **1 square high**
• Then **4**, then **1**, then **5**, and so on
Buildings grow across the page using the digits of Pi.
---
# Panel 3 — Include Maya
Heading: **Build with Maya**
Visual:
Show **Maya** actively drawing the cityscape on graph paper using crayons or markers.
Character design:
• cheerful little girl
• shoulder-length dark hair
• warm brown eyes
• rosy cheeks
• big smile
Outfit:
• purple t-shirt with a **green dragon graphic**
• khaki shorts
• purple sneakers
Expression:
Maya looks **focused, excited, and proud** of the growing math city she is drawing.
Keep Maya in the same **whimsical cartoon storybook style** as the infographic.
---
# Panel 4 — Add the Special Twist
Heading: **Color the Sky**
Explain the rule visually with short text.
Rules:
• If a building’s height is **even**, color the sky above it **cool blue**
• If a building’s height is **odd**, color the sky above it **warm orange**
Show example buildings:
Height **2 → blue sky**
Height **5 → orange sky**
Height **8 → blue sky**
Labels:
**Even = Cool Blue**
**Odd = Warm Orange**
---
# Panel 5 — The Result
Heading: **Your Mathematical Cityscape**
Visual:
A colorful skyline made of bar buildings across graph paper.
The skyline stretches across the page with buildings of different heights.
Sky colors alternate between **cool blue** and **warm orange**.
Text:
You’ll create a colorful skyline built from the digits of Pi.
Kids can see the surprising patterns and randomness in the infinite digits of Pi.
---
### Design notes
• Infographic must fill the **entire frame (full-bleed)**
• Keep it visually organized for **parents, teachers, and kids**
• Emphasize **creativity, pattern recognition, and hands-on exploration**
• Maintain consistent panel alignment and spacing
---
### Avoid
• borders or poster frames
• page margins
• cluttered layout
• overlapping text
• inconsistent fonts
• photorealistic rendering
• uneven panel sizes
===
11
17 comments
Patrick Taylor
7
Prompt: Infografic + Characters
powered by
Consistent Characters
skool.com/consistentcharacters-7595
Unlock the skill of creating consistent characters for storybooks, coloring books, comics, etc...
Learn this simple process - start creating today!
Build your own community
Bring people together around your passion and get paid.
Powered by