All proposals
03 / 06Companion
4 logo concepts
clankerdocsSee it in action
VISUAL DOCUMENTS FOR CODING AGENTS

Your agent writes.
You make it better.

Beautiful diagrams. Clear explanations. Precise comments. Give your coding agent a document format built for working with you.

Agent-authored Human-reviewed Rich visuals
ONE DOCUMENT. MORE WAYS TO EXPLAIN.
ArchitectureSequence diagramsDatabase schemasPseudocodeWireframes
BUILT FOR HOW AGENTS WORK

Your agent has more
to show you.

A Markdown file can describe a system. A rich document lets you follow its connections, inspect the details, and review the design in place.

Give your agent a shared document with expressive visuals, precise comments, and a history of every revision.

Try the example

One system.
Every important detail.

Select a service. Follow a request. Inspect the schema.
Then leave a comment and preview the agent's revision.

EngineeringOrder processingInteractive example
SYSTEM DESIGN / ENGINEERING Revision 01

How an order gets processed.

The API records each order before queuing it. A worker handles fulfillment, so checkout stays fast even when downstream services are slow.

Five services. One order.
Order processing architecture. Storefront to Order API, queue, worker, and Postgres.ORDER PROCESSINGPOST /orderspublishconsumeupdate statusrecord01 — CHECKOUTAn order, fromrequest to result.UIStorefrontThe checkout interfaceAPIOrder APIValidates and records ordersQOrder queueBuffers accepted ordersFNOrder workerProcesses queued ordersDBPostgresStores orders and results
Select a service to inspect it. Every view describes the same system.
FN
SELECTED COMPONENTOrder worker

Processes queued orders. Review the behavior in the connected views.

Design decision · Process orders asynchronously

Persist the order first. Keep fulfillment outside the checkout request.

01

Your agent creates.

The plan becomes a document with clear writing and useful visualizations.

02

You review.

Leave a precise comment on a component, diagram, or explanation.

03

Your agent revises.

The document improves. Every revision stays available in its history.

THE COMPANION IDENTITY

A document robot with a polished, approachable identity.

Companion turns the authoring relationship into a recognizable symbol: part document, part agent. Soft blue surfaces and disciplined rounded geometry make the product approachable. Generous typography and precise details keep it firmly in professional software.

Find the right signature.

Select a mark to see it applied throughout this proposal. Each concept is an original vector drawing.

Doc botRecommended

A document corner, a pair of eyes, and short side tabs form one recognizable silhouette. Recommended for the strongest connection between agent authorship and documents.

Folded visor

A folded page becomes an agent's visor. Its slanted crown gives a simple robot head a specific document identity.

Twin pages

Two pages form the two halves of an agent's face. The central seam reads as both a binding and a division between eyes.

Desk agent

A compact agent sits above two document lines. A top tab replaces the familiar antenna with a reference to document organization.

One color
Reversed
App icon
16px24px32px
Actual sizes

Doc bot is currently applied to the wordmark, document, and review interface.

MANROPE
Aa0123

Understand
the whole system.

BODY / INTERFACE / CODE

Order processing

The API records each order before adding it to the queue. A worker handles fulfillment and updates the order status.

ReviewedRevision 02
POST /orders → queue → worker

Manrope's round counters echo the document robot without making the wordmark playful. The same family handles both expressive headlines and practical UI.

Aa#5146CF
RoyalBrand / actions
Aa#282547
MidnightHeadlines / text
Aa#F4F3FF
CloudBackground
Aa#FFFFFF
WhiteDocument surface
Aa#D6D0EE
LilacBorders / grid
Aa#BEE2F5
SkyDiagram emphasis
MESSAGING IN USE

Your agent writes. You make it better.

Beautiful diagrams. Clear explanations. Precise comments. Give your coding agent a document format built for working with you.

Explain the architecture.Comment on the details.Keep every revision.
CREATE → EXPLAIN → REVIEW

Motion with a job to do.

The agent builds a document, a reviewer pins a comment, and the changed section updates. A brief movement of the mark can acknowledge a completed revision.

Try the interactive example
clankerdocs

Your agent writes.
You make it better.

clankerdocs.com
DOCUMENT VISUAL LANGUAGE
customersordersorder_items

One customer. Many orders.
Every connection, explained.

WHY THIS DIRECTION

The most recognizable character and the most direct expression of the agent–human relationship.

THE TRADEOFF

Character needs restraint. Keep the robot small in working documents and let the content lead.