Badge
Also called: pill, tag, label, count badge.
A tiny label stuck on top of something bigger, like "New" on a product or a red number on a bell icon. It adds one short fact without taking space.
A badge is a tiny label on top of something bigger: a word like “New”, or a number like 3.
Badges
Say it in a prompt
Put a badge on the top-left corner of each listing photo: a white pill with 12px semibold text, 4px by 10px padding and a soft shadow. On the bell icon, show the unread count in a red circle that overlaps the top-right corner. Seen on
- Airbnb: Some listing cards show a "Guest favorite" label in a rounded pill on the photo.
- Apple iPhone: Small "New" labels sit on the product tiles.
You might describe it as
- little pill that says new on a card
- red number bubble on the bell icon
- tiny label sitting on top of the photo
Not to be confused with
- Eyebrow
A badge sits on top of a thing (a card, an icon); an eyebrow is a line of small text above a headline.