Badges

All variants, sizes, and numeric count badges from single digit to stadium shape.

Badges

All variants

DefaultSecondaryOutlineMutedActivePendingWithdrawnNew

Sizes

SmallBaseLarge

Numeric — counts

A single digit sits in a full circle — each size sets min-w equal to its height, so under the pill radius one character is circular. Two or more characters expand past that into a stadium.

sm1924128

base1924128

lg1924128

Avatars

Size scale with image and initials fallback, plus AvatarStack overlap, overflow, and sizing.

Bar Graph

Horizontal and vertical bars across all size scales, sharing a visual idiom with Activity Rings.