Design source for a storefront platform on heartbank.ceo — 59 artboards across seven surfaces, plus a walkthrough you can actually use. Home Coffee is the first shop.
Order as a customer, then switch sides — run the shop, make it, hand it over, or ride it across town. Three roles, one order, three ways to pay. It works; nothing in it charges anyone.
Open the walkthrough → All of it at onceEvery artboard on one pan-and-zoom surface, grouped by the site it belongs to — the whole design in one view, read-only.
Open the wall →The institution's own front door — the Office of the CEO, the distance search, and the way a shop opens.
1 · The Officedesktop · 1440×1600 2 · /find390×960 3 · Open a shop390×1320What a customer sees. One shop's whole visit: menu, checkout three ways, the order placed, rewards — plus a vendor with no fixed address.
1 · Menu390×1900 2 · Pickup390×1620 2b · Delivery390×1320 2c · As a gift390×1440 3 · Placed390×1320 4 · The ask390×844 5 · Rewards390×940 A moving vendor390×1560 6 · A gift to pass on390×1180 7 · Yours to give390×1020 7b · Someone asked390×1080 8 · Yours390×900 9 · That one lapsed390×820The back office, phone-first, because it is run from behind a counter. Staff see the queue; the owner sees everything.
1 · Orders (staff)390×1700 2 · Settle up (staff)390×1020 4 · Your shop (owner)390×880 5 · History (staff)390×1080 6 · You (staff)390×1440 4a · Shop390×1660 4b · Delivery390×1080 4c · People390×1700 3 · Menu (owner)390×1060 4d · How it's going390×1980 How you take money390×1060 Orders from someone new390×1100 Welcome gift390×900 Where gifts land390×1000A rider's two screens. Whose turn it is, never who is best.
1 · Your turn390×1120 2 · Delivered390×800The platform operator's surface — desktop width. Most of what matters here is what it refuses to contain.
Platformdesktop · 1280×1900 Shopsdesktop · 1280×800 Reportsdesktop · 1280×800 Themesdesktop · 1280×860 Recommendationdesktop · 1280×880 Callingdesktop · 1280×900A gift code from a family shop, attached to a thank in HeartBank® Treasury — the banker's switches, the sender, the person who receives it, the thank that comes back, and where the code lands at the shop. Treasury's own design; the gift itself in the shop's.
Walk itSwitch a family shop on as the banker, thank someone with a coffee instead of a tip, open the code as the person it is for, and thank them back. It works; nothing in it charges anyone.
Open the walkthrough → T8 · Shops for gift codes (banker)390×1300 T1 · /thank, a gift attached390×2078 T2 · Which shop390×1336 T3 · The menu, giftable only390×1100 T3 · A box390×1085 T4 · What only the payer sees390×1456 T5 · Refusals390×1496 T6 · The thank, with its gift390×1106 T6 · Yours390×1176 T6 · Yours to give (M2)390×844 T7 · The thank-back390×1552 S1 · The shop's gift page390×1470 S2 · Storefront: the code at once390×1136 T9 · Re-tip with a gift (M2)390×1506 T10 · Anonymous thank-back (M2)390×1834B-Treat: when one person has thanked another with an hour, their family's kitty covers one item for the person receiving it at a shop the banker chose. The banker's items, the B-Date's door, both phones at the shop, the counter's line and the ledger row. Nothing here is live.
T11 · /family: the banker's B-Treat items390×1230 T12 · A live B-Date: Treat at the shop390×1050 S3 · Storefront: both check in, the recipient picks390×1050 S4 · Storefront: the giver's order390×930 C4 · Counter: a Family treat line390×844 T13 · /atm: the kitty pays the shop390×844