UI components

An inbox popover with an unread badge, tabs, mark read or unread, archive, inline actions and an empty state.

A slim top-of-page bar that rotates through announcements with a vertical slide, pauses on hover and can be dismissed.

Inline alerts in info, success, warning and error that differ by icon and weight, not colour, with actions and dismiss.

A habit card with this week’s days to tick off, a streak counter that rolls up and a best-streak marker.

An approval request: details at a glance, Approve or Reject with an optional note, a resolved state and an undo window.

A ride on its way: a schematic route with the car moving along it, ETA, driver and plate, and share or cancel actions.

A flight card: route with a progress plane, gate and seat in large type, live delay or gate changes, and alerts.

A status-page incident: current state, affected services, timestamped updates, and a composer to post the next one.