For states

Design

Illustrations

Pictures in the product’s own style and colors: for every state a screen can be in, and for the cases of the product’s domain — some of them moving, with a reserve for later.

Fine lines in workshop green on flat planes of paper and soft tint; brass only for what is proven — a seal, a certificate, a verified tick. A page draws one with <svg class="ill ill--spot"><use href="#ill-empty"/></svg> once assets/illustrations.js is loaded. Every picture moves a little: once when it comes into view, or in a slow loop where waiting is the story; each rests in a still pose when the device asks for reduced motion.

For states

Empty, error, no access, locked, offline, done — a picture for each.

Empty

An open watch case, its velvet cushions empty: they settle into place one by one — ready, with nothing in it yet.

#ill-empty

Hero · 360 px
Welcome · 240 pxIn use
Spot · 144 px
Moving

Where Saved items with nothing saved, a seller with no listings yet, an order list before the first purchase.

Nothing found

A loupe drifts across an empty mat, pauses where it looked, and comes back: nothing is there.

#ill-none

Hero · 360 px
Welcome · 240 pxIn use
Spot · 144 px
Moving

Where Search and filters with no result, and the page an address no route matches (404).

Error

A watch movement with its balance wheel broken: the wheel swings, falters and stops.

#ill-error

Hero · 360 px
Welcome · 240 pxIn use
Spot · 144 px
Moving

Where A page or panel that did not load, a payment or a provider that did not answer.

No access

A closed vitrine; its lock is tried and gives one small rattle: the piece is there, but not for this account.

#ill-noAccess

Hero · 360 px
Welcome · 240 pxIn use
Spot · 144 px
Moving

Where A page outside the user’s role — a visitor on a buyer’s page, an operator outside their own hub.

Locked or suspended

A case whose strap draws tight and whose seal turns shut, a tag with a pause on it: kept, and not open for now.

#ill-locked

Hero · 360 px
Welcome · 240 pxIn use
Spot · 144 px
Moving

Where A suspended account with order-only access, and a listing an administrator has withdrawn.

Offline

A watch beside a signal crossed out, its arcs lighting one by one and fading, again and again.

#ill-offline

Hero · 360 px
Welcome · 240 pxIn use
Spot · 144 px
Moving

Where The mobile app without a connection, over the last data it loaded.

Done

A watch box closing, then sealed in brass.

#ill-done

Hero · 360 px
Welcome · 240 pxIn use
Spot · 144 px
Moving

Where The end of a flow: an order completed, a listing published, a payout made.

From the domain

Scenes from the product’s world, for onboarding, panels, letters and announcements.

Sign-in panel

A watch under the loupe, a scanning line passing over it, and a brass tick for the check that passed.

#ill-authentication

Hero · 360 pxIn use
Welcome · 240 px
Spot · 144 px
Moving

Where The scene beside the sign-in and registration forms, and the page that explains digital authentication.

Onboarding

A specialist’s bench: the arm lowers its lens over the watch in the tray, the light comes on, the tweezers tick; the evidence card carries its brass tick.

#ill-hub

Hero · 360 pxIn use
Welcome · 240 px
Spot · 144 px
Moving

Where The buyer’s first look at inspection at the hub, and the operator’s queue when it is empty.

A letter

A parcel on its two legs: from the seller to the hub, checked there, then on to the buyer.

#ill-journey

Hero · 360 pxIn use
Welcome · 240 px
Spot · 144 px
Moving

Where The head of the letters about an order with inspection: label ready, item at the hub, on its way to you.

Authentication result

A certificate card, its rosette stamped in brass.

#ill-certificate

Hero · 360 pxIn use
Welcome · 240 px
Spot · 144 px
Moving

Where The letter and the screen that tell a seller the check passed, and the certificate on an order.

Empty offers

Two price tags sway on one pin and come to rest, then a price crosses each way between them.

#ill-offer

Hero · 360 pxIn use
Welcome · 240 px
Spot · 144 px
Moving

Where The offers list before the first offer, for the buyer and the seller, and the offer explainer on a listing.

Listing editor

A watch on its stand; the soft light pulses, flashes once, and a glint answers on the crystal.

#ill-photographed

Hero · 360 pxIn use
Welcome · 240 px
Spot · 144 px
Moving

Where The photo uploader before the first photo, and the seller’s first step to list an item.

In place

Each picture where it sits in the product.

Saved items, empty

The empty watch case in the buyer’s saved items, at welcome size inside the panel.

Saved items

0 items

Nothing saved yet

Tap the heart on a listing to keep it here, and come back to it when you are ready.

Letter header

The two-leg journey at the head of the letter that says the item reached the hub. Mail clients run no scripts, so the letter carries it as an image of its still pose: the parcel at the hub.

Your watch is at the hub
Luxury Resale Marketplace

Your watch has reached the hub

The Corvane Mariner 41 Chronograph is with our specialist at the Frankfurt hub. We will write again once it has been inspected and sent on to you.

Sign-in side panel

The authentication scene beside the sign-in form, at hero size on the page color.

Sign in

Welcome back. Sign in to buy, save and make offers.

Email
sofia.marin@mail.example
Password
••••••••••

New here? Create an account

Checked before it is yours

Listings are checked by an independent authentication provider, and you can ask for an inspection at our hub before delivery.

Not found (404)

The loupe over an empty mat on the page an address no route matches, at hero size.

Error 404

This page is not here

The address may be mistyped, or the listing it led to may have been sold or withdrawn.

Reserve

Pictures ready for situations the product will meet later.

Return or dispute

When a buyer opens a return or a dispute, and while the case is under review.

#ill-return

Hero · 360 px
Welcome · 240 pxIn use
Spot · 144 px
Moving

Payout on hold

When a seller’s payout waits — for the protection period to end, or for a case on the order to be decided.

#ill-payoutHold

Hero · 360 px
Welcome · 240 pxIn use
Spot · 144 px
Moving

Message blocked

When the chat holds back a message that carried a phone number, an email address or a link.

#ill-chatBlocked

Hero · 360 px
Welcome · 240 pxIn use
Spot · 144 px
Moving