Artifacts
Everything we have built, in one place.
9 working artifacts behind Canteen — the design direction and the system drawn from it, the Erebor integration, the flow a member walks, and the log of what it took. Each one opens on claude.ai.
Design
What Canteen looks like, the tokens that keep it from drifting, and the words that go with it.
Design Direction
The visual direction: obsidian and brass, challenge-coin onboarding, live micro-interactions.
Design System
The living system: colour tokens, type, the coin, components, motion.
Message Catalogue
All fifteen messages, set as push banners, SMS bubbles, and email, in the copy that ships.
The flow
What a member walks through, from download to a funded account. Three ways to see the same path.
Twelve Screens to a Live Account
A screen-by-screen walkthrough of the whole path in.
Onboarding Prototype
Interactive, value-first tap-through: the flow with the virtual card at the end.
Onboarding Reel
The same flow, self-playing and captioned. Hand it to someone who will not tap.
Engineering
How the account actually gets opened, what has been built so far, and how to walk a room through it.
Erebor Integration
Canteen to Erebor: topology, data mapping, and the sequence diagrams for each call.
The Build Log
Day by day: real accounts at Erebor, email and passkey auth, and what broke on the way.
Build Review & Demo Script
The presentation narrative: architecture, integrations, and the order to show them in.