FOLDSTATEDesign system 1.0

01An agency for what comes next

Intelligence,put to work.

Discover our approach

Display, Oxanium 500

Make it real.

Text, IBM Plex Sans 400

We map a real workflow with the people who know it: what enters, what changes, who decides and where things get stuck.

Labels and indices, Oxanium 500

02Intelligence and strategy

02 / The intervention

Deep

#070908

Ink

#171C1B

Opal

#E8ECE6

Sage

#85908A

Amber

#E6B97A

Mist

#CBD1C5

Iris

#A29EC6

Clay

#E0876D


The FOLDSTATE agent suspended in dark space, its amber seam lit
FigureThe whole agent, suspended in dark space with air around it. Opens or closes a page; type sits beside it, never across.
The particle agent from the FOLDSTATE website, light gathering in one hand
GestureClose on the hands while they hold, connect or shape something. Cards, services and case stories.
FieldDrawn, not shot: a glyph field from the script. Case media, closings and anywhere a photograph would be too much.

Needs your reviewAgent working

Buttons

Two square slabs and a narrow split: one action, one focus target. The label resolves at a fixed width; unfolded, the split opens.


Primary, large

Line

Working, and a text link


Sizes: 44, 52 and 60 px

Icon only

Action rows and pause

Fields

A label, a value and one line. Focus turns the line amber; a fault says what to change.


Text

Select

With a unit


Fault

Set later

Long text

Selection

Chosen things turn opal. The switch is two cells and a slab; the Fold switch opens its own split.


Toggle group

Where should we start?

Checkboxes and switch

Acts and tabs

A story in three acts, reversible at any point, and a method in four stages. Arrow keys move between them.


Act stepper

01 / The friction

Good work gets lostbetween tools.

Supplier requests arrive by email, form and chat. Each one waits for whoever notices it first.

02 / The intervention

One threadfor every request.

Relay gathers the pieces, checks them against the supplier register and drafts a decision.

03 / The possibility

Prepared by AI.Decided by you.

The operations owner sees what is present, what is missing and why, then approves or sends it back.


Tabs

01/04

Start with the work.

What you leave with

A shared problem map and a clear opportunity.


Table

Where a supplier request goes, before and with Relay. A fictional study.
QuestionBeforeWith Relay
Where a request waitsThree inboxes and a chat threadOne thread per supplier
Who checks itWhoever sees it firstThe operations owner
What is missingFound at the end, by accidentFlagged before review
What gets recordedNothing consistentEvery source and decision

Status

Amber means a person is needed. Iris means the agent is working. Clay means something is blocked.


Tags

ReadyNeeds your reviewAgent workingBlockedConcept project

Progress

Checks complete2 of 3
Reading sources4 of 10

Traces, shown when unfolded

Insurance certificate is valid until 30 June.

From: supplier form, insurance PDF

Checked against: supplier register


Checkpoint

Needs your review

The data agreement is missing.

Registration and insurance are present. Relay has flagged the missing agreement for the operations owner before approval.

Blocked, and the agent at work

Blocked

The supplier register did not answer.

Nothing was changed. Relay will try again in ten minutes, or you can check the record by hand.

Agent working

Reading the insurance certificate.

Cards and sheets

Every surface is a sheet. Unfold the interface and the layers behind each one fan out.



The FOLDSTATE agent suspended in dark space
Plate, with a reading shadeIntelligence, in practice.The photograph keeps its own black; the shade only darkens where type sits.

Sheet

Supplier request A-214

Northwind Metals

Registration and insurance present. Data agreement missing.

Prepared from 3 sources, 2 minutes ago

Accordion

Will this work with our existing tools?

That is the starting point. We look at the access, permissions and data quality of what you use now, then agree on the smallest useful set of integrations.

Can people review what an agent does?

Yes. Consequential actions wait for approval, uncertainty is shown, and anyone can pause the agent or take over.

Who owns the finished work?

Ownership, source code and documentation are set in the project agreement, so your team can maintain what we build.

Dialogs and toasts

Toasts carry a line that runs down their time; hovering pauses it. Dialogs are native and return focus where it came from.


Try them

Toast

Needs your review

Data agreement missing

Relay has paused this request for you.

Dialog

Request A-214

Send it back?

The supplier gets your note and the request leaves the review queue.

Request A-214

Send it back?

The supplier gets your note and the request leaves the review queue. You can reopen it from the thread.

Navigation

Links sit in the centre. Below 900 px they move into a light sheet from the right; switch the width to try it.