Preview image. Unlock full-res
Dark-themed mobile package tracking app with large white headline, search bar, icon navigation, progress timeline, and bright blue primary button.
Summary
A charcoal dark-mode mobile logistics app showing "Moving Excellence" as headline, with search input, four icon-based navigation buttons, live tracking timeline, and a bright blue primary action button.
Visual description
The phone screen uses near-black (#171717) background with white and light gray text. At top: location (Malang), notification badge, and status bar. Headline "Moving Excellence" in large white sans-serif sits above a search field ("Paste your package ID here") with a rounded container. Below: four icon buttons in thin-line style on dark circular backgrounds (Pick up, Check rates, Drop point, Activity). The "Current Shipment" section displays a tracking ID with progress dots (Picked > Delivery > Delivered status) below. A bright saturated blue circular button with an icon sits to the right of the search, providing strong contrast.
Key takeaway
Dark mode with single bright accent color (blue) creates clarity and approachability. Thin-line icons on subtle dark circles keep navigation lightweight while maintaining visual separation. Progress timeline with color-coded dots (blue active, gray future) communicates status at a glance.
Reuse notes
Pattern works for any real-time status tracking app (delivery, order fulfillment, repairs, travel). The search-plus-icon-button layout is compact for mobile. Accent color should contrast sharply against dark background; blue reads as trustworthy for logistics and financial services.
