Uktupus Design

Badges

A word or two that tells you where a record stands.

Badges show the status or type of a record, right next to it.

DraftSupplierPostedPaidDue in 3 daysOverdue

When to use

  • Grey: draft, inactive, cancelled
  • Outline: types and categories, like Client or Supplier
  • Orange: active, posted, current
  • Green: paid, done, approved, in stock
  • Amber: due soon, partially paid, low stock
  • Red: overdue, failed, rejected, out of stock

When not to use

  • As buttons or filters
  • For long text; keep it to one or two words