SCM订货应用首页
A professional SCM (Supply Chain Management) and B2B ordering mobile interface. Features a clean, high-density layout with a slate and indigo color palette, 'Satoshi' typography, and modern UI elements like floating action bars and backdrop-blur effects. Ideal for wholesale, retail inventory, logistics, and fintech applications requiring efficient search, filtering, and transaction capabilities.
Summary
A sophisticated, high-performance mobile dashboard for inventory ordering, featuring a dense product list, smart filtering, and a high-contrast floating checkout bar. Built with a focus on legibility and rapid task completion.
Style
The style is defined by its clean, professional aesthetic using the 'Satoshi' sans-serif font family. It utilizes a neutral 'Slate' background (#F8FAFC) with vibrant 'Indigo' (#4F46E5) primary accents and 'Rose' (#F43F5E) for notifications. The design uses rounded geometry (16px to 24px), subtle border strokes (#F1F5F9), and micro-shadows for depth.
Layout & Structure
The interface follows a classic mobile vertical stack: a fixed high-utility header, a scrollable product feed with sticky horizontal categories, and a dual-layered footer containing a floating order summary and a fixed navigation bar.
Header & Search Section
Product List & Cards
Floating Order Summary Bar
Global Navigation Bar
Components
Quantity Stepper
A compact increment/decrement control with visual feedback.
Status Inventory Chip
Semantic color-coded badges indicating stock levels.