Toko · Consistency reference

Media library — states & stages.

The shared asset library for a project. Assets come in different shapes, so the library is split by kind — banners are wide header images for collection / vendor / project pages, thumbnails are square, and other covers the rest. Storage is paid for on-chain, so an unused filter and easy clean-up are first-class.

01Library · bannersKind switcher up top; banners render as wide header cards (16:6), not squares. Sidebar holds status & tags.
All projects/Ipsum Studio/Media library
Project · Media

Media library.

A shared library for project, collection, generator, and vendor presentation assets. Reuse across collections so you don't re-upload.

Removing unused files reduces the cost of maintaining your collections. On the Internet Computer you pay for the data you store, so trimming unused images adds up over time.

Status

All banners 14
Unused only 1

Used on

Project page 1
Collection pages 5
Vendor pages 8

Tags

Spring 6
Lorem 3
Dolor 2
project-header.png
Ipsum Studio · project page
lorem-header.png
Lorem Drop No. 1
dolor-header.png
Dolor Series II
spring-vendor.png
Spring drop vendor
elit-header.png
Elit Collective
Unused
old-promo-banner.png
Unused
02Library · thumbnails & otherSame switcher set to Thumbnails — square cards. "Other" shares this square layout.
All projects/Ipsum Studio/Media library
Project · Media

Media library.

Status

All thumbnails 7
Unused only 1

Used on

Project 1
Collections 4
Vendors 2

Tags

Lorem 2
Dolor 2
Drafts 3
studio-thumb.png
Project thumbnail
lorem-thumb.png
Lorem Drop No. 1
dolor-thumb.png
Dolor Series II
elit-thumb.png
Elit Collective
vendor-icon.png
Spring drop vendor
Unused
consectetur-thumb.png
Unused
03List · all assetsList view shows every kind together with a Kind column — the place to see everything at once.
All projects/Ipsum Studio/Media library
Project · Media

Media library.

Name
Kind
Type · size
Used on
project-header.png
Banner
PNG · 412 KB
Project page
studio-thumb.png
Thumbnail
PNG · 96 KB
Project thumbnail
lorem-header.png
Banner
PNG · 388 KB
Lorem Drop No. 1
pattern-stripe.png
Other
PNG · 54 KB
3 places
consectetur-thumb.png Unused
Thumbnail
PNG · 142 KB
—
04Unused · clean-upAll unused assets across every kind, as a list with sizes and a bulk delete — files in use are hidden.
All projects/Ipsum Studio/Media library
Project · Media · unused

Unused assets.

3 files (586 KB) aren't referenced by any collection, generator, or vendor. Safe to delete — nothing breaks.

Name
Kind
Size
Last used
old-promo-banner.png
Banner
364 KB
Never
consectetur-thumb.png
Thumbnail
142 KB
Removed 12 Apr
testpattern.png
Other
64 KB
Never
05Asset detail · bannerPreview in the asset's own aspect (wide for a banner), metadata, where it's used, replace / download / delete.

spring-vendor.png

Kind
Banner
Type · size
PNG · 412 KB
Dimensions
2400 × 900
Tags
Spring Vendor
Used on
Spring drop vendor · Lorem Drop No. 1 header
Uploaded
2026-04-02 · by Mara
06UploadDrop zone, a kind it's being added as, and in-progress uploads with per-file progress.

Upload assets

Drop files or browse.
PNG, JPG, WEBP, SVG, GIF — up to 10 MB each.
Add as
Uploading 2 of 3
summer-header.png
Done
launch-hero.jpg
62%
teaser-wide.png
Queued
07Delete · asset & unusedSingle-asset delete and the bulk "delete unused" clean-up — files in use are never touched.

Delete asset?

Anxious Toko bot

Are you sure?

This permanently deletes old-promo-banner.png. It isn't used anywhere, so nothing breaks. You can't undo this.

Delete 3 unused assets?

Anxious Toko bot

Are you sure?

This permanently deletes all 3 unused files (586 KB) and frees their storage. Files in use are never touched. You can't undo this.

08EmptyPage title + intro, then the hero, then the message, CTA, and reuse / cost / drag-drop facts underneath.
All projects/Ipsum Studio/Media library
Project · Media

Media library.

A shared library for project, collection, generator, and vendor presentation assets.

Media library — empty

No media yet.

Upload the banners, thumbnails, and covers your collections and vendors show off with. Anything here can be reused across the whole project, so you upload once and pick it anywhere.

01

Sorted by kind

Banners are wide header images; thumbnails are square; "other" is everything else. Each kind is shown in the shape it'll actually appear.

02

Upload once, reuse anywhere

An asset in the library can be picked from any collection, generator, or vendor — no re-uploading per drop.

03

You pay for what you store

Assets live on-chain, so storage has a real cost. The library flags unused files and makes clean-up one click.

09Upload · cycle check (balance OK)Media assets live on-chain, so every upload uses blob storage funded from project cycles. Pressing Upload first estimates the batch cost and checks the balance — the shared guard from the Cycles & uploads gallery. With headroom, the batch stores normally.

Upload assets

3 assets staged · 9.6 MB · uploaded & held
Estimated cost
~0.09 T cycles
Project balance
2.040 T
After upload
~1.95 T
Enough cycles to store these 3 assets and keep your reserve. Toko moves project cycles into blob storage automatically.
10Upload · low balanceEstimate exceeds the balance. The 3 files stay staged — nothing is discarded — and the primary action becomes Top up & upload.

Upload assets

3 assets staged · 9.6 MB · uploaded & held
Estimated cost
~0.09 T cycles
Project balance
0.030 T
Shortfall
~0.07 T + reserve
Not quite enough cycles for this upload. Your 3 files stay staged — top up and they'll store straight away. Nothing is lost if you top up now.
11Top up to continue · assets stagedThe inline top-up. The staged batch is shown at the top so it's clear nothing was cancelled; once cycles land, the assets store automatically.

Top up to continue upload

3 assets staged · 9.6 MB · ready to send
This upload (est.)~0.09 T
Project balance0.030 T
Recommended top-up (cost + reserve)1.000 T
Top up amount
T cycles · ≈ 0.30 ICP
from your wallet to the project canister
Cycles are sent to the project canister; Toko moves what's needed into blob storage. After it lands, the staged assets store automatically.