Skip to content
Tool·Lifes /Everything About Visualization
Apps
Explore Guides Search
💬 Shapes

Callouts & badges

The shout on the layout — sale badges, comic balloons, numbered steps on a poster.

01
Callouts & badges

Callouts & badges encodes values as a contained label that interrupts the reading order on purpose. Yellow Kid balloons (1890s); retail burst stickers from mid-century packaging.

In reports, ads and assignments it fits promos, numbered how-tos, comic explanation, UI chips. Skip it when the badge repeats the headline — pick one shout.

This page gathers anatomy, fit, craft, failure modes and work / ads / school recipes for Callouts & badges.

FormCallouts & badges
Since1890s
Encodesa contained label that…
Best forpromos, numbered how-tos,…
Avoidthe badge repeats the…
Studioshapes

Profile

Clarity
80
Persuasion
92
Density
24
Craft cost
20
School fit
82
Work fit
70
809224208270

Seven chapters

The idea

The shout on the layout — sale badges, comic balloons, numbered steps on a poster. History. promos, numbered how-tos, comic explanation, UI chips.

Read →

Anatomy

The shout on the layout — sale badges, comic balloons, numbered steps on a poster. Mark. promos, numbered how-tos, comic explanation, UI chips.

Read →

When to use

The shout on the layout — sale badges, comic balloons, numbered steps on a poster. Fit. promos, numbered how-tos, comic explanation, UI chips.

Read →

Craft

The shout on the layout — sale badges, comic balloons, numbered steps on a poster. Rules. promos, numbered how-tos, comic explanation, UI chips.

Read →

Mistakes

The shout on the layout — sale badges, comic balloons, numbered steps on a poster. Failure modes. promos, numbered how-tos, comic explanation, UI chips.

Read →

Studio

The shout on the layout — sale badges, comic balloons, numbered steps on a poster. Work. promos, numbered how-tos, comic explanation, UI chips.

Read →

Tools

The shout on the layout — sale badges, comic balloons, numbered steps on a poster. Software. promos, numbered how-tos, comic explanation, UI chips.

Read →

Frequently asked questions

When should I pick Callouts & badges?
When the story is promos, numbered how-tos, comic explanation, UI chips.
When should I avoid Callouts & badges?
When the badge repeats the headline — pick one shout.
Who invented or popularised it?
Yellow Kid balloons (1890s); retail burst stickers from mid-century packaging
What does it encode?
a contained label that interrupts the reading order on purpose
Is it OK in ads?
Yes if one claim is visible at a glance in Meta, Google and retail print; otherwise link to a full figure.
Will a teacher accept it?
Yes for lab reports and poster boards if axes, units and a source line are present.
Which tool?
Excel or Google Sheets or PowerPoint; export SVG/PDF.
How do I keep it accessible?
Do not rely on hue alone. Label directly and check greyscale.

Related

→ Arrows & connectors

Direction is an argument — ads, slides and worksheets live or die on the arrow.

Open →

▣ Infographic blocks

A page built from tiles — magazines, landing pages and science-fair boards.

Open →

 01

📣 Ads & creative

Shapes that must work at a glance — badges, arrows, crops and a single number that sells.

Open →