Toko · Consistency reference

User profile — states & stages.

The /profile/:principal page — one base profile shared by collectors and creators. Public view is what any visitor sees; Owner view adds private sections (copyable IDs, shipping addresses) that only the account holder can see. Grouped below: Public, Owner, system states, then the modals — edit profile and add / edit / remove address.

View A

Public

What any visitor sees. No edit affordances, no copyable IDs, no private sections. Empty optional fields (about, website, socials) simply don't render.

01Public · full profileA rich public profile — about, website and social links all set. This is the visitor's default.
Public view — this is what anyone visiting /profile/:principal sees.
RA

Riya Anand

Joined March 2025

Independent pixel artist and collection creator. Building small, characterful creature worlds on Toko — and collecting a few along the way. Commissions occasionally open.

riya.studio
02Public · sparse profileA collector who only minted a name. No about, website or socials — those rows simply don't appear.
Public view — minimal profile.
MV

Mara Vint

Joined June 2026
View B

Owner

The account holder's own view. Adds the Edit profile button, copyable Principal / User ID, and the private Shipping addresses section — none of which are visible to the public.

03Owner · fullEverything populated: identity chips, about, links, and two saved addresses with a default.
Your view — including private sections only you can see.
RA

Riya Anand

Joined March 2025
Principalk7m2x-9q4dp…aaaaq-cai User IDusr_01H8R2K4FM9C

Independent pixel artist and collection creator. Building small, characterful creature worlds on Toko — and collecting a few along the way. Commissions occasionally open.

riya.studio

Shipping addresses

Used when a token you hold is redeemed for a physical item.
Private — only you
Home Default
Riya Anand
14 Marlowe Court, Flat 3
Bristol, BS1 4QA
United Kingdom
Studio
Riya Anand
Unit 7, Paintworks
Bristol, BS4 3EH
United Kingdom
Add address
04Owner · no addresses yetIdentity is set, but no shipping address has been added. Empty state prompts the first one.
Your view — including private sections only you can see.
RA

Riya Anand

Joined March 2025

Independent pixel artist and collection creator. Building small, characterful creature worlds on Toko.

Shipping addresses

Used when a token you hold is redeemed for a physical item.
Private — only you
No addresses yet

Add a shipping address so a physical redemption can reach you. You can store several and pick a default.

05Owner · new / incompleteJust created an account. Name only; about, links and addresses unset. A nudge invites completing the profile.
Your view — your profile is looking a little empty.
MV

Mara Vint

Joined today
Principalv9p4t-2m7kc…bbbbq-cai

No bio yet — tell collectors who you are and what you make.

Add a bio, website and social links so people recognise you across Toko.

Shipping addresses

Used when a token you hold is redeemed for a physical item.
Private — only you
No addresses yet

Optional until you redeem a physical item — you can add one any time.

06Owner · brand-new accountThe very first view after sign-up — no name or details yet, only the principal and user ID exist. Everything points at setting up.
Your view — welcome to Toko. Let's set up your profile.

Unnamed

Joined today
Principala3f8k-2p9wd…ccccq-cai User IDusr_01J0XQ7M2A4D
Your principal and user ID are ready. Add a name so collectors can find you — everything else (avatar, bio, links, addresses) is optional.
System

Loading & not found

Cross-cutting states for the page itself: a skeleton while the profile loads, and the not-found state for an unknown principal.

07LoadingSkeleton placeholder for the identity card while the profile is fetched.
08Profile not foundThe principal in the URL doesn't match any account.

Profile not found

We couldn't find a profile for that principal. The link may be mistyped, or the account may no longer exist.

Reference

Modals

Owner-only dialogs: edit profile (default and validation), and the add / edit / remove flows for shipping addresses.

09Edit profileOpened from Edit profile. Avatar, username, about (with counter), website, and social links.

Edit profile

RA
JPG or PNG, square, up to 4 MB.
11 / 50
211 / 1500
Must be a valid URL beginning with http:// or https://
Social links
X / Twitter@riyamakes
Instagramriya.makes
Discordriya#2048
Pick a platform, enter your handle, and add it. Added links show on your public profile; remove any to hide them.
10Edit profile · validationSave blocked: the website isn't a valid URL and About is over the limit. Errors shown inline.

Edit profile

11 / 50
1542 / 1500
About is 42 characters over the limit.
That doesn't look like a valid URL.
11Add addressEmpty form to add a new shipping address, with an option to make it the default.

Add address

A short name so you can tell addresses apart.
12Edit addressSame form, pre-filled from a saved address. The default toggle reflects current state.

Edit address

13Remove address · confirmDeliberate confirm before deleting. Shows the address being removed; removing the default promotes another.

Remove address?

Studio
Riya Anand · Unit 7, Paintworks, Bristol, BS4 3EH, United Kingdom
Removing an address can't be undone. You'll need to re-enter it if you redeem a physical item to this location later.