Skip to main content

status and progress

Status dot

Status dots are used to communicate different vendor availability statuses, such as busy, open or closed, and to indicate the availability of menu items.

Image alt

Takeaways

  • Reserve status dots for vendor and menu item availability statuses.
  • Provide a label or other visual element alongside the status dot to ensure it's recognisable for colorblind users.

Types

Status dots have different types to communicate different statuses.

Image alt

TypePurpose
1. NeutralUse to communicate a menu item is unavailable indefinitely or that a vendor is outside opening time.
2. SuccessUse to communicate that vendor availability is set to Open.
3. WarningUse to communicate that a menu item is temporarily unavailable or that vendor availability is set to Busy.
4. DangerUse to communicate that vendor availability is set to Closed.