Badge / Label
Pill label, solid, soft, outlined or light, with icon and a “live” dot
The examples are only part of the story. Every tile also has the advanced options: animations, mouse effects, visibility by device or by date, positioning and more.
01
Just added
This is how it looks as soon as you add it to the page, before any changes.
02
The labels of a wine at a wine shop
“Outline” variant: a main badge and three twin labels, each with its own theme color for text and border, centered and in letter-spaced uppercase.
03
Live from a festival stage
Two badges on a night background in monospace: a light glass pill with the “live” dot pulsing in the brand color, and an orange-outlined one with the viewers.
04
Sale tags in the shop window
Three large pills on a shop photo: asymmetric radii, generous padding, icon after the text and a shadow that follows the shape.
05
A food blog's categories
“Light” variant with an almost square radius and a Lucide icon: a cloud of labels that wraps by itself.
06
Contour's course levels
Three badges with a dashed outline, one per level, with the serif family from the typography style and an icon for each.
