A complete, interactive HTML/CSS design system for the wholesale flower order platform. Click any page below to explore. Developers can inspect the markup and copy CSS classes directly.
Branded login screen with split-pane layout.
Scoped login for partner farms — teal-accented hero with onboarded farms list.
10-page wholesale buyer experience · Login, dashboard, shop, cart, checkout, orders, invoices, RFQs, account.
Farm-side workflow · PO list, AWB entry, document upload, box config, stepper.
KPIs, sales trend, top customers, RFQs, AR snapshot.
New order wizard with live margin and totals.
Searchable order list with status, margin and owner.
Credit card, ACH or wire · Save Cart · Pay Later (Net 30).
Pixel-matched to your reference screenshot.
Buyer's command center · Manual / Auto purchasing, splits, PO + farm email generation.
Audit trail of every PO sent · status, vendor, totals, resend.
AWB tracking · QC · transfer with auto-allocation between Purchasing and Warehouse.
Master PO list across all vendors and statuses · placeholder pending spec.
Carrier lanes, transit times, cost rules · placeholder pending spec.
Master list of carrier identifiers used in AWBs and tracking · placeholder pending spec.
Box and packaging specifications · dimensions, stem capacity · placeholder pending spec.
Customer profile with orders, products, AR aging.
Full customer database · accounts, contact, address, terms, AR, cards.
Comprehensive flower catalog · SKU, variety, color, farm, pricing, season.
Supplier directory · origin, contact, certs, on-time %, quality, lead time.
Live links to farm spreadsheets · sync status, refresh cadence, row counts.
SKUs, stems on hand, low-stock, farm sourcing.
Aging buckets, open invoices, collection actions.
Revenue trends, margin distribution, exports.
Pick / Pack / Ship kanban + incoming shipments.
Incoming RFQs with funnel and conversion stats.
Colors, typography, components — for developers.
Built as a design reference for the FMI Order System redesign.