Guidde Design System — POC

Badge Component

12 variants · Inter 500 · 14px / 20px · 16px radius · 4px 12px padding

Pill color

GrayGray/50 · /200 · /700
BluePrimary/50 · /200 · /700
IndigoIndigo/50 · /200 · /700
PurplePurple/50 · /200 · /700
PinkPink/50 · /200 · /700
ErrorError/50 · /200 · /700
WarningWarning/50 · /200 · /700
OrangeDuplicate of Warning
SuccessSuccess/50 · /200 · /700
Gray BlueBase/White · Gray/200 · Indigo/700 (mixed scales)
Blue lightDuplicate of Blue

Badge modern

BadgeBase/White · Gray/300 · Gray/700 + shadow-xs