Variant E — Ribbon Corners

Opt-in, CSS-only corner ribbons: add .sl-ribbon or [data-sl-ribbon]. For a duo, add .sl-ribbon-duo or [data-sl-ribbon="duo"].

Card

This container shows a subtle top-right ribbon. No animations; minimal layout shift.

Link button

Duo

Enable a second ribbon on the bottom-left with .sl-ribbon-duo.

Attribute Opt-in

Use data-sl-ribbon to opt-in without adding classes.