co:op

Website design reference / 01

The working boundary

A place for
agent work.

Dark by design.
Warm in character.
Clear about the work.

Emisar's typographic precision and restraint, with co:op's own amber, cyan and workspace-first visual language.

Read the design guide

01 / Signature composition

Room to work. A clear boundary.

Workflow illustration — not a product screen or recorded run.

Assigned task

Fix the
failing test.

A specific job,
with a clear result.

Agent workspace / project

Project folder · configured access

  1. 01Inspect the failure Done
  2. 02Make the change Done
  3. 03Run the checks Passed

One defined place for the work.

Reviewable output

The change.
The evidence.

Changed code and
verification results.

Ready to review

02 / Color and material

Mostly quiet. Precisely colored.

Amber invites action. Cyan marks the workspace and interaction. Status stays explicit.

Graphite#0E1014
Surface#15191F
Raised#1C222B
Amber#E6A95C
Cyan#62D3F0
Text#ECE7DE

SharedNear-black canvas. Soft neutral edges. Readable secondary text.

DistinctMatte, not glass. Warm, not green. No decorative glow.

03 / The family resemblance

Same voice.
Different work.

Self-hosted InterVariable, with Emisar's display cut and a readable, unembellished body style.

Display / single-storey a

agent work

Body / normal letterforms

Give an agent a task and a defined workspace. Keep the changes and the checks easy to review.

Mono / commands and identifiers only

project / task-024 / result

04 / Interaction grammar

Calm controls. Clear states.

Functional specimen links, not installation controls. Try the keyboard focus and hover states.

Open the vector mark
Passed Needs attention Failed
Flat amber coop with a cyan circular entrance on charcoal

The approved direction

Flat fills. Soft corners.
One recognizable mark.

See the original approval reference