Buttermints Wholesale Theme · Design Prototype

Static HTML/CSS prototypes of every key page on the wholesale site, with guest and signed-in variations where it matters. Real flavor data from the 4oz packaging PDFs and per-flavor brand colors from the BSG. Once the visuals land, these designs port to a Dawn fork as the production theme.

View visual sitemap →

Public · Not signed in

Home

Hero, trust strip, value prop, top-10 grid, how-it-works, brand pillars, how-to-purchase

PDP · Guest

Flavor PDP · Guest

Lemon Cream with sign-in / apply / buy-retail panel, all 10 below-fold sections (twirl-collapse)

Apply

Apply for Wholesale

4-step application form with trust column (testimonial, value props, contact)

Apply · Thanks

Apply Thank-you / Pending

Confirmation hero, "What happens next" timeline, alternate paths (Faire/Mable, distributor, samples), FAQ.

Sample Request

Sample Request · $50 free

Guest-checkout flavor picker (24 flavors, no popup). Approval-email code unlocks $50 credit covering samples + $14 shipping. Stacking codes give cheaper extras.

BYO Shipper · Guest

BYO Shipper Display · Guest

Hero + configurator (functional, no prices), Easy to Refill, Shop Talk reviews, Instagram, sign-in prompt instead of qty/cart.

Auth & onboarding

Sign In · Passwordless first

Three-state form: email → 6-digit code → signed in. Password is opt-in fallback (one click), state preserved across mode swaps. Aside cards offer Apply / Samples for stuck visitors.

Set Password

Set Password · First login

Lands here from the approval email link. Personalized welcome (name, company, who approved them, tier), "what you can do now" checklist, password fields with strength meter + match check.

Approved buyer · Signed in

Dashboard

Dashboard · 6 modules

Active orders + promotions + holidays + flavor releases + poll + events. Tier and payment terms in welcome strip.

Shop

Shop · Catalog

Three tabs: 4oz Pouches by the Case (24-flavor grid w/ per-card pack toggle, qty stepper, last-ordered badge, click→lightbox), Custom Display Shippers (build-your-own CTA + 10 preset assortments w/ Grid/List view toggle), Bulk Packaging (Coming Soon). Slide-in cart drawer from the right with location picker. Fast Order CTA in the hero.

PDP · Logged in

Flavor PDP · Approved buyer

Variant selector, qty stepper, tier achievement badge, mixed-cart fulfillment notice, Add to cart

Fast Order

Single or multi-location order entry. Collapsible per-location cards, cumulative tier pricing, sticky summary footer.

Reorder

Reorder · Repeat past orders

Featured "Repeat your last order" card with per-location breakdown + Reorder all to cart, list of earlier order groups, grid of your most-ordered flavors w/ +Half/+Case quick-add, placeholder for saved reorder templates.

BYO Shipper · Logged in

BYO Shipper Display · Approved buyer

Full configurator + slider qty, ship-to locations (single or split), Easy to Refill, related products, sticky cart.

Cart

Cart · Multi-source & Multi-location

Per-location item groups, mixed lines (flavors + BYO + custom), per-loc discount + shipping, payment picker (Card / ACH / PO / Net 30 with eligibility).

All Orders

All Orders · History

Order history with grouped/flat toggle, status chips (Outstanding/In transit/Processing/Delivered/Cancelled), search across PO/order/invoice/location, and per-group expand revealing child orders.

Order Detail

Order Detail · Multi-shipment

Order timeline, per-location tracking (UPS/FedEx/USPS), Net 30 invoice card with pay-now, downloadable docs, reorder shortcut.

Invoice. Outstanding

Invoice Detail · Outstanding

Single-location invoice with bill-to/ship-to/from header, line items, ACH-vs-card pay-now toggle with 2.9% fee math, auto-pay opt-in, activity history, group switcher.

Invoice. Paid

Invoice Detail · Paid

Same invoice in paid state. Green "Paid" pill in hero, success-colored amount banner, dedicated Paid in Full receipt block (88px check, Cordoba Stamp headline, structured method/account/reference/processed rows, Download PDF + Email me CTAs), full 4-event activity timeline (issued → authorized → cleared → receipt emailed).

All Invoices

All Invoices · A/R history

Flat invoice list (one per order). Status chips (Outstanding/Past Due/Partial/Paid), per-row pay button + countdown. Top of page: collapsible Pay Open Invoices strip with the full Shopify-style payment block — multi-select, ACH/Card with 2.9% fee math, auto-pay opt-in. Hides entirely when nothing's owed.

Manage Locations

Manage Locations · 100+ chain

Power-user table for buyers with 100+ ship-to addresses. 90-day sparklines per row, smart-group chips (Top 10, Quiet 60+ days, Past-due, Flagship), bulk-select with floating action bar, plus a tile-map view (US heatmap shaded by location density — click a state to filter the table).

Location Detail

Location Detail · Single ship-to

Per-location view with 90-day daily activity chart, recent orders, editable receiving notes/hours, recipient + sales rep cards, tags, location settings (PO / tax / LTL), outstanding invoices, and a Find-a-retailer listing panel that publishes the address to buttermints.com with a same-as-shipping shortcut + live preview.

When approved → port to Dawn

These prototypes are intentionally simple HTML/CSS. Section structure, BEM-style class names, and CSS custom properties are all designed to map 1:1 to a Dawn fork. The next phase wraps each section in a {% schema %} block, swaps static data for Liquid loops, and connects to Shopify's cart/customer APIs.

Project: prototype/ · Future theme: theme/ (Dawn fork, named "Buttermints Wholesale")