Preview image. Unlock full-res
Dark-mode delivery tracker card on smartphone showing sender avatar, product name, estimated arrival time, and linear progress state.
Summary
Dark-mode delivery tracker card on smartphone showing sender avatar, product name, estimated arrival time, and linear progress state.
Visual description
Smartphone display with a dark-mode delivery notification card in the top half. Card background is deep charcoal with rounded corners and light edge highlight. Left side shows a circular grayscale avatar (face illustration) with sender name "Anthony" and label "Deliverer" below. Center and right contain product info: "Apple Watch Series 9" with app icon, status labels "Shipped" (blue) and "Delivered" (muted), and a horizontal progress bar showing completion state. Time estimate "in 25m" displayed in cool blue text. Remaining smartphone screen below the card is a gradient from dark gray at top to black at bottom.
Key takeaway
The card composition using left-anchored avatar and vertical text stack paired with a horizontal progress bar on the right. The cool blue accent color for time/progress creates urgency without alarm. Status labels in muted gray prevent visual noise while keeping tracking stages visible.
Reuse notes
Ideal for shipping, parcel delivery, and logistics apps. The dark mode reduces eye strain for users checking status frequently. Works well for notifications that stack vertically. The dual-status system (Shipped / Delivered) clearly shows progress without text-heavy labels.
