Clickable visual prototypes of the Toko web app. The style guide is the source of truth for everything below and sits outside the phases. Use the phase tabs to switch build iteration, then browse the screens by area.
The component reference and design tokens every mockup is built from — colours, type, cards, buttons, and the list/pagination bar.
Core. Everything the platform needs to function — the public site, the collector surfaces, and the whole creator studio.
The marketing home page that introduces Toko to new visitors.
OpenThe app's overall navigation patterns and menu states.
OpenExplorations of the top navigation bar.
OpenSpec & instructions for the 16:6 hero banner artwork.
OpenSpec & instructions for the 4:3 featured-card imagery.
OpenThe footer at the bottom of non-studio pages.
OpenA collector's wallet: the tokens they own, ICP/token balances, and recent activity — plus transfer, burn, and splitting or stacking copies.
OpenThe buyer's view of a token in a drop — artwork, story, price and the Claim button, including "releasing soon" countdowns and sold-out states.
OpenA user's public profile page.
OpenStep-by-step claiming flow.
OpenPurchase tokens from vendors.
OpenSimple peer to peer marketplace
OpenList tokens for sale
OpenPurchase tokens.
OpenMarketplace vs Launchpad hero carousels — featured collections vs state-driven drops with countdowns — plus infographic empty states.
OpenHow a holder or a team works with stacks of identical copies — stack, split, and merge.
OpenThe all-projects picker — the Studio entry where you pick or create a project.
OpenA single project's overview and settings.
OpenInviting teammates and managing who can do what.
OpenThe people or wallets that receive a share of revenue.
OpenAllow-lists that grant specific people early or gated access.
OpenWhere a project's images and files are stored and managed.
OpenReusable revenue splits (fees + royalties) a creator applies to drops.
OpenSecond Tab on Project Overview — locked cycle reserve, top-ups, withdrawable excess, and a public top-up link.
OpenThe list of collections inside a project.
OpenA single collection's hub and management pages.
OpenChoose archetype and create. Frames 01–02 are superseded by Collection archetypes — Phase 1.
OpenThe Phase 1 archetype UI — three type cards at creation, per-type starting limits, the capacity module, and go-live checks.
OpenThe traits and properties tokens can have.
OpenHow rare each token is, and the coloured rarity tiers.
OpenHow many of each token exist and how that's capped.
OpenPermission and safety controls on a collection.
OpenDefault cost and rules for claiming tokens from this collection.
OpenDecoupled gates — collections go Live without prices; each vendor must be reviewed, stocked and priced.
OpenEditing token definitions while they're still a work in progress.
OpenReviewing tokens before they go live.
OpenFinal, locked tokens that are ready to mint.
OpenAdding new tokens to a collection.
OpenThe token living-state machine — states, transitions, and the per-token state policy.
OpenManaging the actual minted copies a creator holds — move to a vendor, transfer, stack or burn.
OpenSetting up a new vendor — type, storefront, inventory, costs, rules and revenue.
OpenEnabling the neuron stake requirements in V1 — the active editor accordions, buyer-facing requirement rows, and the claim-time neuron proof.
OpenRunning a live vendor — inventory, pausing, ending, and revenue over time.
OpenCore additional features. Scheduled after the V1 launch — marketplace extras, notifications, the Mastery back end and the asset spec. Mocks live in html-mockups/phase2.
The public request form — creators tell us what they want to launch during the beta onboarding waves.
OpenToko-internal: grant an account studio access — principal, name, what they're building — and manage who has access.
OpenEverything for variants in one place — enabling stacking, adding variants to a token, reusable action templates, and the holder view.
OpenRedeem a vaulted card to your door — request & quote, the reserved token, pay-or-cancel, and the paid state. RWA collections only.
OpenThe gated, Toko-only collection type for vaulted real-world items — archetype card, create modal, and the custody gate.
OpenThe in-app notification system — feed, unread states, and per-event preferences.
OpenThe Toko-internal registry where a platform admin adds and manages vault providers.
OpenThe vault-provider workspace for the V1 vault system — vaulted items, verification, and shipments.
OpenBuy a claimed token back within a window after the claim — config, cautions, and the holder's offer flow (Mastery-gated).
OpenRequired-media templates that gate go-Live — slots, batch apply to token types, and the existence check.
OpenAnswers to the questions people ask most about Toko.
OpenResilience checks. Deferred to a later iteration — mocks live in html-mockups/phase3.
Spend the project's Toko Reputation to unlock skills, plus repeatable boosts like a Launchpad hero slot.
OpenThe project's Toko Reputation — $TOKO burned (earned from claims vs bought), per vendor and over time.
OpenA private, mutual friends list keyed by User ID — requests, the transfer picker, and privacy rules.
Open