( Labs )

LABS

Where the studio's own products can be tried — each one running as a test site you open from a card, not a page describing what it would do.

Coming soon

01

What a demo is

The word is used loosely everywhere else — a video, a slide deck, a booked call with a salesperson. It means something narrower here: a demo is a test area for a product the studio has released, and it is bounded by one rule that matters more than the other three.

Subject
A demo is of a product the studio has built and released — not of a design, and not of a case study. Where the rest of the site shows work that was done for a client, a demo shows a system the studio sells.
Form
It appears as a card, in the same set the work is printed in. The card is the whole control: one click opens it, and what opens is the product itself rather than a page describing it.
Scope
What opens is a test site — the real interface, loaded with sample data, running in the browser. Not a video, not a screenshot tour, not a booked call. You use it the way a customer would.
Limit
It is a sandbox and it is sealed. A demo runs against its own sample data, never a live deployment, and nothing done inside one reaches a real client's records. That isolation is the reason it can be handed to a stranger.

02

How a demo appears

As a card — the same object the work is printed on. Below is a real one from the set, drawn by the same component that draws all thirty-nine. A demo card is this, with three things changed.

20Lotus FloweryHero
20/39
Lotus Flowery
Stock
Reverse holo · Ultimate
Surface
Hero
Motion
Animated

No write-up yet.

View the design ↗

A work card — shown for its shape, not its contents

The object — unchanged
Same card, same set, same stock. A demo card is not a different component wearing a badge; it is this object with a product on it, which is why it can sit in the same grid without explanation.
The face — the product, not the design
Where a work card carries the frame that was drawn for a client, a demo card carries the system itself: what it is, who it is for, and the state it is in.
The click — a site, not a record
This is the whole difference. A work card turns over to a record and links to the design. A demo card does not turn over: clicking it opens the test site, and you are inside the product.

So the whole interaction is one step: see the card, click the card, you are in the product. There is no form in front of it and nothing to install.

03

The bench

Open now

The first one is open. Iris is the clinic system: one doctor, five patients, and charts with the shape of real ones and invented people in them. It runs on our own hardware and signs itself in, so the click is the whole of it — no form in front of it and nothing to install.

An assistant sits beside the chart. It answers from the record in front of it or says it cannot, which is the only behaviour worth having in a room where someone is being treated. The write-up is here.

On the bench:

Alongside it, the studio's client work is the thing to look at — the set carries all thirty-nine pieces. Or tell us what you need and we will tell you whether one of these already does it.