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

Give your agent
more than Markdown.

Turn system designs and implementation plans into visual documents your team can explore, comment on, and improve.

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 LAYER IDENTITY

Warm paper, sharp orange, and diagrams with depth.

Layer uses the structure of a document to build its identity. Overlapping pages become diagrams, frames, and a distinctive stepped logo. Warm neutrals and a decisive orange accent give technical content a physical, carefully made quality.

Find the right signature.

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

Three sheetsRecommended

Three staggered sheets form one ascending silhouette. Its repeated diagonal becomes the geometry for exploded architecture views. Recommended for its range beyond the logo.

Ribbon page

A continuous folded strip describes two document surfaces. The narrow negative space keeps the fold legible in one color.

Open spread

Two unequal pages meet at a central seam. It suggests a document opening into a more expansive visual explanation.

Nested folds

Three nested page corners step inward along a shared diagonal. The repeated fold connects the logo to layered architecture and document depth.

One color
Reversed
App icon
16px24px32px
Actual sizes

Three sheets 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 combines geometric structure with open, approachable forms. Large headlines use a firm weight; document text stays light and easy to scan.

Aa#C84820
OrangeBrand / actions
Aa#302A27
GraphiteHeadlines / text
Aa#FAF7F2
LinenBackground
Aa#FFFFFF
WhiteDocument surface
Aa#DED3C6
ClayBorders / grid
Aa#F6C79F
ApricotDiagram layers
MESSAGING IN USE

Give your agent more than Markdown.

Turn system designs and implementation plans into visual documents your team can explore, comment on, and improve.

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

Motion with a job to do.

Separate the architecture into layers, then settle it back into a single document. Depth reveals how the system fits together. Transitions are smooth and measured.

Try the interactive example
clankerdocs

Give your agent
more than Markdown.

clankerdocs.com
DOCUMENT VISUAL LANGUAGE
customersordersorder_items

One customer. Many orders.
Every connection, explained.

WHY THIS DIRECTION

A distinctive, warm presence that makes technical diagrams feel carefully designed and tangible.

THE TRADEOFF

The spacious layouts need discipline on smaller screens. Orange should stay concentrated so long documents remain calm.