Remix · E-commerce · Marketing
A loud, photograph-led storefront for Truant, a Lake Superior single-origin roaster
Clones it into a folder you pick, as a new project. No Codecaine yet? Get it free
Nothing opened? Codecaine has to be installed and opened once for this link to work. Install Codecaine, or download the project and open its folder.

A loud, photograph-led storefront for Truant, a Lake Superior single-origin roaster: Take the long way stacked huge in a round-shouldered condensed poster face over full-bleed photography, a fixed right-hand rail, warm paper, one tomato accent and soft low shadows. Four coffee series stack over one another as you scroll, the mission lights up word by word before a photograph opens out to fill the window, NEVER RUN DRY tumbles together letter by letter, and every bag is drawn and typeset live in SVG. A live roast curve you can scrub, a working brew timer, a real cart with a discount code and checkout, and a subscription you can skip, pause and cancel — plus Shop (filters, quick view, a taste map), Subscribe (a builder with a pinned live order), Field notes (a pinned origin map and a price ledger) and a live brand guide.
3430@canvas/react 0.1.15 pages, as they open at 1440px.