Tone Badge

ui

Quill's uppercase tag pill for status, tiers, and labels — wraps Badge with the pigment vocabulary (moss/gold/terracotta/indigo/neutral/muted) baked in so tone never drifts per call site.

pnpm dlx shadcn@latest add "https://www.quilldesignsystem.com/r/tone-badge.json"

Sign In

Tone Badge

ui

Quill's uppercase tag pill for status, tiers, and labels — wraps Badge with the pigment vocabulary (moss/gold/terracotta/indigo/neutral/muted) baked in so tone never drifts per call site.

pnpm dlx shadcn@latest add "https://www.quilldesignsystem.com/r/tone-badge.json"

badge

components/ui/tone-badge.tsx

badge

components/ui/tone-badge.tsx