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.
Parts
- Mark — The core mark of Callouts & badges is a contained label that interrupts the reading order on purpose.
- Scale — The scale must show zero (or a declared break) and units.
- Axis — Axis titles name the variable, not a mood.
- Legend — A legend is weaker than a direct label. Write beside the mark when you can.
- Label — Numbers are optional. If comparison is the job, label the ends only.
- Grid — Keep the grid faint. Data should own the ink.
- Annotation — One annotation sentence. Date the source.
- Frame — A thin frame. Never a 3-D box.
Variants
- Speech balloon — Variant 1 of Callouts & badges. Same encoding, different layout.
- Sticker — Variant 2 of Callouts & badges. Same encoding, different layout.
- Price burst — Variant 3 of Callouts & badges. Same encoding, different layout.
- Callouts & badges 4 — Variant 4 of Callouts & badges. Same encoding, different layout.
Labels
- Axis — On Callouts & badges, make Mark readable.
- Legend — On Callouts & badges, make Scale readable.
- Label — On Callouts & badges, make Axis readable.
- Grid — On Callouts & badges, make Legend readable.
- Annotation — On Callouts & badges, make Label readable.
Callouts & badges: honour a contained label that interrupts the reading order on purpose, and switch when the badge repeats the headline — pick one shout.