badge

Compact trust row for under a hero or above a final CTA, mixing review-platform ratings. Only use real, current scores, this pattern loses all credibility the moment a visitor checks and finds a mismatch.

Small rounded pill with a slow-moving gradient border, standard pattern for a 'what's new' announcement above a hero headline. Pairs naturally with a chevron icon and a link to a changelog or release note.

A single light beam that continuously travels around a container's border, drop it inside any card or button wrapper with `position: relative` and `overflow: hidden`. Cheap way to signal 'this is the highlighted plan' on a pricing card.

Small status or count label inline with text or in a card corner. Do not use it for anything clickable, reach for Button size sm instead.

Three pricing cards where the middle plan is visually elevated with a floating badge and a colored border instead of a filled background, reads as recommended without shouting. Keep exactly one featured card, two looks indecisive.