Ribbon

Wrap a card in Ribbon and set text to label its corner, and color to pick a preset instead of the primary color.

Set emphasis to subtle to turn the solid banner into a tinted marker with colored text, for a label that should not outshout the card.

Set placement to start to put the ribbon on the leading corner, which follows the text direction in a right-to-left layout.

The ribbon's corners are rounded to sit well against a card, except the one that folds around the card's edge, at either placement.

Two plan cards, one with a solid Best seller banner and one with a subtle Beta marker that sits below the card's title in weight.

A three-plan pricing table where only the middle plan carries a Most popular ribbon.