Two shapes, two jobs -- do not mix them. pill = trust/reassurance copy inline in flow. ribbon = a commercial flag pinned to a card top-right corner (parent needs position:relative).

```jsx
<Badge shape="pill" icon={<Icon name="badge-check" size={14} />}>Passend fur Ihr Fahrzeug</Badge>

<div style={{ position: "relative" }}>
  <Badge shape="ribbon">Aktuelles Angebot</Badge>
</div>
```

tone="dark" swaps the fill/border for near-black (matches the desktop "DIESES ANGEBOT" ribbon).