Skip to content
Callouts & badges

Studio

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

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.

Work

Ads

School

Steps

  1. Steps 1 — Write the claim in one sentence.
  2. Steps 2 — Check that Callouts & badges fits the claim. If not, switch.the badge repeats the headline — pick one shout
  3. Steps 3 — Draw it flat in Excel or Google Sheets or PowerPoint.
  4. Steps 4 — Direct labels, faint grid, claim-title.
  5. Steps 5 — Check greyscale and a color-blind simulator.
  6. Steps 6 — Add source, period, units; export SVG/PDF.

Callouts & badges: honour a contained label that interrupts the reading order on purpose, and switch when the badge repeats the headline — pick one shout.

← Mistakes Callouts & badges Tools →