Skip to content
Series · The interface ledger

Honest commerce patterns

The best commerce UI is the one that states the tax, names the shipping policy, and treats a cap as inventory rather than scarcity theatre. Five patterns, all checkable.

Intermediate1 min read (computed · recorded 4)updated 2026-09-14commercepatternshonestyux

by Motif Editors

revised 2026-09-14First publication in the bank-6 series.

Part 2 of 3 in The interface ledgerThe interface ledgerCommunity signals, not metrics

Key takeaways
  • State the tax line before the button — a surprise at checkout is a cart abandoned.
  • A quantity cap is inventory, not theatre: name the cap and mean it.
  • Shipping is a policy with a threshold; write the policy, not the marketing line.

Five checkable patterns

One: the tax line is stated before the button — the summary is a promise, the checkout is the confirmation. Two: shipping has a threshold and the threshold is printed ('free over $2,000' is a policy; 'free shipping' with fine print is a riddle). Three: the quantity cap is real inventory, so it is stated next to the stepper. Four: the 'by request' price is a policy, not a placeholder. Five: nothing countdowns unless a deadline is real.

The ledger follows the cart

Commerce is the ledger at its most visible: subtotal, tax, shipping and total are four claims, and the arithmetic is the check. The pattern components in this catalog (cart drawer, checkout summary, quantity stepper) all print their derivation in the chrome — the honesty is part of the design, not a patch.

Practise the lesson

Theory sticks when you ship it. These original Motif assets put this guide's lesson to work — open one and copy it into your own page.

The component this essay works with — mounted, not pictured
Commerce Quantity Stepper
Quantity
1

the floor is one; the cap is stated.